SVG.text基本属性

1、从 <text/>的 属性stroke 和 属性fill 可以看到：

　　属性stroke：是描边的。fill设置为"none"时，可以看到 字体 里面是空心的

　　属性fill：是填充的。

 

　　1.1、从现象上来看，默认的<text/> 是使用的 属性fill来画字的（并不是 使用 属性stroke）。属性stroke + 属性fill 一起的话，就是 字体 内部 和 边框 都有绘制。

 

2、描边 资料 收集

　　2.1、纯CSS实现帅气的SVG路径描边动画效果 « 张鑫旭-鑫空间-鑫生活.html（http://www.zhangxinxu.com/wordpress/2014/04/animateion-line-drawing-svg-path-%E5%8A%A8%E7%94%BB-%E8%B7%AF%E5%BE%84/）

 

3、

4、

5、

 

转载于:https://www.cnblogs.com/h5skill/p/8397302.html