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