HTML5怎么內聯SVG

發布時間：2022-03-15 17:01:29 來源：億速云閱讀：174 作者：iii 欄目：web開發

今天小編給大家分享一下HTML5怎么內聯SVG的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

HTML5怎么內聯SVG

什么是SVG？

SVG 指可伸縮矢量圖形 (Scalable Vector Graphics)

SVG 用于定義用于網絡的基于矢量的圖形

SVG 使用 XML 格式定義圖形

SVG 圖像在放大或改變尺寸的情況下其圖形質量不會有損失

SVG 是萬維網聯盟的標準

SVG 的優勢

與其他圖像格式相比（比如 JPEG 和 GIF），使用 SVG 的優勢在于：

SVG 圖像可通過文本編輯器來創建和修改

SVG 圖像可被搜索、索引、腳本化或壓縮

SVG 是可伸縮的

SVG 圖像可在任何的分辨率下被高質量地打印

SVG 可在圖像質量不下降的情況下被放大

瀏覽器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持內聯 SVG。

把 SVG 直接嵌入 HTML 頁面

在 HTML5 中，您能夠將 SVG 元素直接嵌入 HTML 頁面中：

實例

<!DOCTYPE html>

<html>

<polygon points="100,10 40,180 190,60 10,60 160,180"

style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />

</svg></body>

</html>

以上就是“HTML5怎么內聯SVG”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站