作者pptipad (ipad)
看板Web_Design
标题[请益] 可以拉线拖曳的效果怎麽做呢？
时间Fri Mar 22 10:36:14 2019
目前想做出几个物件可以透过拉线，连接想接的物件！（像流程图那样）
物件也能拖拉，但线不能断要跟这移动！
在网上找过用flow chart跟jsPlumb但公司希望我不要用那些套件，因此实作上完全不知
如何着手，想请问如附图这效果如何完成心愿呢？
https://i.imgur.com/JrkqRpk.jpg
谢谢各位大侠的围观与帮助！感恩
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 39.8.76.13
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1553222176.A.0F3.html
※ 编辑: pptipad (39.8.76.13), 03/22/2019 10:37:07
1F：推 shter: mousedown 时 document.createElement('svg') 03/22 11:00
2F：→ shter: mousemove 时画 Line, mouseup 时对接完成存物件到阵列 03/22 11:01
3F：→ shter: 拖动物件时把关联的 svg 重绘起点跟终点座标 03/22 11:02
4F：→ shter: 所以重点是你自己要写一段 code 把线跟物件的关联记起来 03/22 11:03
5F：→ shter: 这样改动物件时你可以从阵列中读出相关的线一起改变 03/22 11:03
6F：→ shter: 你工作真好，我不爱套件但老板很爱规定要找套件不能自写.. 03/22 11:04
7F：推 HenryLiKing: 真假 我以为公司都爱自行开发欸~(? by大学生幻想 03/22 14:55
8F：推 ymcheung: 公司阶段不同有差 03/23 13:36
9F：→ JPMini: 用 d3.js 做过 03/30 21:19