[請益] 可以拉線拖曳的效果怎麼做呢?

作者: pptipad (ipad)   2019-03-22 10:36:14
目前想做出幾個物件可以透過拉線,連接想接的物件!(像流程圖那樣)
物件也能拖拉,但線不能斷要跟這移動!
在網上找過用flow chart跟jsPlumb但公司希望我不要用那些套件,因此實作上完全不知
如何著手,想請問如附圖這效果如何完成心願呢?
https://i.imgur.com/JrkqRpk.jpg
謝謝各位大俠的圍觀與幫助!感恩
作者: shter (飛梭之影)   2019-03-22 11:00:00
mousedown 時 document.createElement('svg')mousemove 時畫 Line, mouseup 時對接完成存物件到陣列拖動物件時把關聯的 svg 重繪起點跟終點座標所以重點是你自己要寫一段 code 把線跟物件的關聯記起來這樣改動物件時你可以從陣列中讀出相關的線一起改變你工作真好,我不愛套件但老闆很愛規定要找套件不能自寫..
作者: HenryLiKing (HenryLiKing)   2019-03-22 14:55:00
真假 我以為公司都愛自行開發欸~(? by大學生幻想
作者: ymcheung (ymc)   2019-03-23 13:36:00
公司階段不同有差
作者: JPMini   2019-03-30 21:19:00
用 d3.js 做過

Links booklink

Contact Us: admin [ a t ] ucptt.com