[问题] Svg tspan 拖曳

楼主: Kumasan314 (熊)   2017-09-17 20:55:28
手机发问,排版不顺及第一次接触svg请见谅。
有一个英文句子,我想要一个单字为一个拖曳的div。
先说一下,
区块一的单字要拖曳到区块二的svg上,因为文字会被svg给盖住,所以干脆把文字转成svg,然后先让区块二的SVG建立,再把文字svg拖曳到上面。
不过Jquery、d3.drag好像都只能拖曳svg,不能针对里面的标签来进行拖曳,例如上面我想要针对<tspan>进行拖曳,不过貌似不行,只能
拖曳svg。
如这个codepen好像只能drag svg
https://codepen.io/kumasan/pen/pWjdyP
那如果把svg拆开来写,他的间隔会变得很大:
https://codepen.io/kumasan/pen/xXwPqy
问题 :
1. 因为这里<tspan>也没有写宽度,想请问<tspan>可以像div一样自己撑开宽度的办法吗?
or
2. 第一个codepen有办法drag <tspan> 吗?

Links booklink

Contact Us: admin [ a t ] ucptt.com