HTML5 內嵌 SVG

(*-*)浩
發布: 2019-10-25 16:18:02
原創
2294 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板