svg文字路径textPath的问题


如图所示:中间的一个表图是svg代码,可以动态输入内容按照指定格式排列的

svg文字路径

输入框输入的文字,让按照指定路径自动居中排列

在这里插入图片描述

也可以采用css3方式:采用rotate,transform等属性操作,建议插件:arctext.js

svg方式:svg是有文字路径textPath属性的,可以让文字按照指定路径自动排列,建议svg插件snap.svg

官网:http://snapsvg.io/

国内比较好的一个中文网址案例:https://www.zhangxinxu.com/GitHub/demo-Snap.svg/demo/basic/Element.add.php

欢迎转载,转载需带着文章出处链接~~

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注