SVG是一種以快速開發(fā)和高性能為目標(biāo)來(lái)開發(fā)圖形的Google XML格式語(yǔ)言。
它有以下特點(diǎn) -
SVG有以下優(yōu)點(diǎn) -
SVG有以下缺點(diǎn) -
以下XML片段可用于在Web瀏覽器中繪制圓圈。
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="red" stroke-width="2" fill="green" />
</svg>
將SVG XML直接嵌入HTML頁(yè)面 - test-svg.html
<html>
<title>SVG Image</title>
<body>
<h1>Sample SVG Image</h1>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="red" stroke-width="2" fill="green" />
</svg>
</body>
</html>
保存上面代碼,并使用瀏覽器瀏覽 -
注意:可以使用Chrome/Firefox/Opera直接查看SVG圖像,無(wú)需任何插件。 在Internet Explorer中,需要使用activeX控件才能查看SVG圖像。
<svg>
元素表示SVG圖像的開始。<svg>
元素的width
和height
屬性定義了SVG圖像的高度和寬度。<circle>
元素來(lái)繪制一個(gè)圓。cx
和cy
屬性表示圓的中心。 默認(rèn)值是(0,0)
。 r
屬性表示圓的半徑。fill
屬性定義了圓的填充顏色。</ svg>
標(biāo)記指示SVG圖像的結(jié)束。