作者Kumasan314 (熊)
看板Ajax
標題[問題] Draw.io的圖形元件
時間Fri Sep 15 14:11:19 2017
不知道這屬不屬於本版內容，想詢問一下。
http://www.draw.io
想請問要如何做出這個網站左邊的圖形元件 :
https://i.imgur.com/Z7GrdNK.jpg
主要是想要拖曳一個div後，它可以疊加在圖片上，並可以像這個網站有八個方向控制圖形，想詢問大方向是怎麼做到的。
因為有試過svg，不過它是圖層會蓋上去，所以當我呼叫了svg他會蓋上去，所以拖曳div他會出現在svg下面。
又或者是方向有誤，懇請指教，謝謝QQ。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 27.242.73.43
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1505455882.A.0FF.html
1F：推 akccakcctw: 剛剛試了一下這網站只能拖svg進去，包括他的圖也是 09/15 15:47
2F：→ akccakcctw: svg，你想要的效果可以考慮用canvas試試看 09/15 15:47
3F：→ Kumasan314: 可是他可以控制，我主要想要知道這是怎麼做到的QQ，c 09/15 15:58
4F：→ Kumasan314: anvas不是只是畫布不能控制嗎？還是我誤會了什麼 09/15 15:58
5F：→ akccakcctw: 我直覺想到是他的svg元素有在八個點聽mouse事件，依 09/15 17:30
6F：→ akccakcctw: 據滑鼠互動改變對應的值 09/15 17:30
7F：→ akccakcctw: 你可以確認看他是不是這樣做，但這功能感覺找得到lib 09/15 17:33
8F：→ akccakcctw: rary才對 09/15 17:33
9F：→ akccakcctw: 然後canvas也可以控制，但做法有點不同 09/15 17:34
10F：→ Kumasan314: 他是監聽滑鼠座標，即時傳回去直接更改嗎？ 09/15 23:35