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