svg标签之<text>标签和<tspan>标签怎么用

这篇文章主要介绍了svg标签之标签和标签怎么用，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

成都创新互联公司是一家专注于成都做网站、网站制作与策划设计,唐山网站建设哪家好?成都创新互联公司做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:唐山等地区。唐山做网站价格咨询:18980820575

text 属性

x: 文本绘制x轴位置
y: 文本绘制y轴位置
dx: 每个字符相对前一个字符的偏移距离
dy: 每个字符相对前一个字符的偏移距离

文本水平垂直居中

水平排列

text-anchor属性可设置文本水平排列，有三个取值 start | middle | end

标签

可以让文本在指定路径上排列 。

超出Path的部分，浏览器不进行渲染。

文本在路径上的偏移可以用定位属性  x,  y,  dx,  dy，text-anchor  和  startOffset  属性 。

1. x/dx/startOffset可以设置字符在路径上的渲染起点。

2. y属性设置是没有任何效果的。

3. dy可设置字符在法线上的偏移。

4. text-anchor是设置文本水平排列效果。

感谢你能够认真阅读完这篇文章，希望小编分享svg标签之标签和标签怎么用内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!