首页 > 技术文章 > SVG.text基本属性

h5skill 2018-02-01 08:44 原文

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、

 

推荐阅读