如何使用SVG中的text属性填充描边的文本

1、第一步，打开HBuilder编辑工具，新建xml文件you.xml；并插入<svg></svg>，定义svg头部，如下图所示：

2、第二步，在<svg></svg>插入<rect/>，设置rect宽度和高度为100%，如下图所示：

3、第三步，再在<svg></svg>插入<text></text>标签元素，设置坐标位置和大小，填充颜色，如下图所示：

4、第四步，保存代表并预览该页面，查看效果发现字体显示不全，如下图所示：

5、第五步，再次添加text属性值stroke和stroke-width，填充颜色fill属性值，如下图所示：

6、第六步，再次保存代码并预览页面，查看页面效果，发现文字显示为渐变颜色，如下图所示：