[問題] 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