作者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/cn.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