首頁 > 文章 > web前端 > HTML5 內嵌 SVG

HTML5 內嵌 SVG

(*-*)浩原創: 2019-10-25 16:18:022227瀏覽

HTML5 支援內聯 SVG。

HTML5 內嵌 SVG

什麼是SVG？ (推薦學習：html教學)

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>
<body><svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <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的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html表格標籤下一篇：html表格標籤

看更多