[問題] Draw.io的圖形元件

看板Ajax作者 (熊)時間7年前 (2017/09/15 14:11), 編輯推噓1(109)
留言10則, 2人參與, 最新討論串1/1
不知道這屬不屬於本版內容,想詢問一下。 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

09/15 15:47, , 1F
剛剛試了一下這網站只能拖svg進去,包括他的圖也是
09/15 15:47, 1F

09/15 15:47, , 2F
svg,你想要的效果可以考慮用canvas試試看
09/15 15:47, 2F

09/15 15:58, , 3F
可是他可以控制,我主要想要知道這是怎麼做到的QQ,c
09/15 15:58, 3F

09/15 15:58, , 4F
anvas不是只是畫布不能控制嗎?還是我誤會了什麼
09/15 15:58, 4F

09/15 17:30, , 5F
我直覺想到是他的svg元素有在八個點聽mouse事件,依
09/15 17:30, 5F

09/15 17:30, , 6F
據滑鼠互動改變對應的值
09/15 17:30, 6F

09/15 17:33, , 7F
你可以確認看他是不是這樣做,但這功能感覺找得到lib
09/15 17:33, 7F

09/15 17:33, , 8F
rary才對
09/15 17:33, 8F

09/15 17:34, , 9F
然後canvas也可以控制,但做法有點不同
09/15 17:34, 9F

09/15 23:35, , 10F
他是監聽滑鼠座標,即時傳回去直接更改嗎?
09/15 23:35, 10F
文章代碼(AID): #1PksyA3_ (Ajax)
文章代碼(AID): #1PksyA3_ (Ajax)