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标签之标签和标签怎么用内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!


文章名称:svg标签之<text>标签和<tspan>标签怎么用
文章位置:http://pwwzsj.com/article/gspehs.html