特點:矢量圖
用途:瀏覽器直接打開,直接子html內(nèi)使用svg標(biāo)簽,在html中使用img標(biāo)簽引用,作為css背景鳍怨。
可以使用svg繪制的基本圖形及對應(yīng)的屬性:
圖形:<rect><circle><ellipse><line><polyline><polygon>
基本屬性:stroke fill stroke-width transform
-
<rect>
[慕課網(wǎng)](http://www.imooc.com/video/2610) -
<circle>
[慕課網(wǎng)](http://www.imooc.com/video/2610) -
<ellipse>
Paste_Image.png -
<line>
Paste_Image.png -
<polyline>
Paste_Image.png -
<polygon>
Paste_Image.png -
屬性
Paste_Image.png -
基本api
Paste_Image.png
- 例子:
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
//…………
</svg>