特点:矢量图
用途:浏览器直接打开,直接子html内使用svg标签,在html中使用img标签引用,作为css背景。
可以使用svg绘制的基本图形及对应的属性:
图形:<rect><circle><ellipse><line><polyline><polygon>
基本属性:stroke fill stroke-width transform
-
<rect>
[慕课网](http://www.imooc.com/video/2610) -
<circle>
[慕课网](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>
网友评论