[問題] Svg tspan 拖曳
手機發問，排版不順及第一次接觸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> 嗎？
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 39.10.228.44
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1505652930.A.F21.html