作者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