如題
我用d3.js產生一個svg檔 想畫出類似流程圖的svg如下
http://jsfiddle.net/ckclark/84aMx/
把滑鼠移到線上面會顯示出數字
目前想做的想把字轉正
而上網有查到 http://tinyurl.com/bcqpfyh
不過試不出他的效果 fiddle如下
http://jsfiddle.net/ckclark/zmpgk/
不管在textpath或是text 直接用rotate這個attribute都無效
不知是不是哪裡寫錯了
而如上面的fiddle中
2用的是textpath的rotate屬性
1, 3, 4用<g>的transform="translate(<angle>)"轉回去
是直接對g做旋轉 不過因為沒有指定旋轉中心
所以是以原點來旋轉
總結以下兩個問題
1. textpath的rotate屬性我在chrome上和firefox上都沒有試出來
不知道是目前不支援還是有哪邊寫錯了?
2. 如果想用正確的旋轉中心 應該怎麼從g/text/textpath得到?
(從path的曲線公式感覺太麻煩了)
--
題外話
有人在用d3.js嗎 我看ajax板和web_design板討論很少
光是官網上的example就很夠用了 很多可以拿來做視覺化的呈現
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.30.51