不知道這屬不屬於本版內容，想詢問一下。
http://www.draw.io
想請問要如何做出這個網站左邊的圖形元件 :
https://i.imgur.com/Z7GrdNK.jpg
主要是想要拖曳一個div後，它可以疊加在圖片上，並可以像這個網站有八個方向控制圖形，想詢問大方向是怎麼做到的。
因為有試過svg，不過它是圖層會蓋上去，所以當我呼叫了svg他會蓋上去，所以拖曳div他會出現在svg下面。
又或者是方向有誤，懇請指教，謝謝QQ。

剛剛試了一下這網站只能拖svg進去，包括他的圖也是svg，你想要的效果可以考慮用canvas試試看

可是他可以控制，我主要想要知道這是怎麼做到的QQ，canvas不是只是畫布不能控制嗎？還是我誤會了什麼

我直覺想到是他的svg元素有在八個點聽mouse事件，依據滑鼠互動改變對應的值你可以確認看他是不是這樣做，但這功能感覺找得到library才對然後canvas也可以控制，但做法有點不同

他是監聽滑鼠座標，即時傳回去直接更改嗎？