您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > html5教程 > HTML5 內(nèi)聯(lián) SVG

HTML5 內(nèi)聯(lián) SVG

此節(jié)有 217 人學(xué)習(xí)過參與評論

HTML5 支持內(nèi)聯(lián) SVG。

什么是SVG？

SVG 指可伸縮矢量圖形 (Scalable Vector Graphics)
SVG 用于定義用于網(wǎng)絡(luò)的基于矢量的圖形
SVG 使用 XML 格式定義圖形
SVG 圖像在放大或改變尺寸的情況下其圖形質(zhì)量不會有損失
SVG 是萬維網(wǎng)聯(lián)盟的標(biāo)準(zhǔn)

SVG 的優(yōu)勢

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

SVG 圖像可通過文本編輯器來創(chuàng)建和修改
SVG 圖像可被搜索、索引、腳本化或壓縮
SVG 是可伸縮的
SVG 圖像可在任何的分辨率下被高質(zhì)量地打印
SVG 可在圖像質(zhì)量不下降的情況下被放大

瀏覽器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持內(nèi)聯(lián) SVG。

把 SVG 直接嵌入 HTML 頁面

在 HTML5 中，您能夠?qū)?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>

親自試一試

結(jié)果：

如需學(xué)習(xí)更多有關(guān) SVG 的知識，請閱讀我們的 SVG 教程。

如對本文有疑問，請?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會為你解答??！點擊進入論壇

您可能感興趣的文章:

發(fā)表評論 (217人查看，0條評論): 請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī)，嚴(yán)禁發(fā)布色情、暴力、反動的言論。

昵稱：

最新評論

------分隔線----------------------------

上一篇：HTML 5 Canvas
下一篇：HTML 5 Canvas vs. SVG

html5教程目錄

五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

HTML5 內(nèi)聯(lián) SVG

什么是SVG？

SVG 的優(yōu)勢

瀏覽器支持

把 SVG 直接嵌入 HTML 頁面

實例

您可能感興趣的文章:

公司信息

快速入口

其它欄目

業(yè)務(wù)咨詢