SVG应用


在某些场景下, svg比canvas简单些, 比gif图片小很多(意味着加载快)

svg的path是一些指令完成的, 只需要指定起止坐标点


动画可以沿着path的路径进行,path可以使用一些画图工具生成比如PS, 如果用css3描述这个动画,代码量非常庞大

svg中嵌套png,jpg图片

width, height是必须的


  

使用CSS style

有些属性名和标准CSS不同,因为它是svg规范,不是css规范。
比如:语法和在html里使用CSS一样,只不过你要把background-color、border改成fill和stroke

CSS里的hover,id等都能使用, 只有部分不支持,比如:before :after


  


#MyRect:hover {
   stroke: black;
   fill: blue;
 }

支持click事件

动画支持暂停

相关