我試圖在react中構(gòu)建一個(gè)模塊化合成器。如果你不知道那是什么，別擔(dān)心，那不重要。這類(lèi)似于一些可視化編程語(yǔ)言，使用帶有輸入和輸出的模塊。電纜& quot(即MAX/MSP、虛幻引擎、純數(shù)據(jù)...等等)。

除了& quot電纜& quot。我不知道為什么，但這種行為在react中實(shí)現(xiàn)起來(lái)相當(dāng)棘手，用svg試過(guò)，但在最好的情況下，它只允許我通過(guò)單擊兩個(gè)套接字來(lái)繪制，或者(如果我添加了拖動(dòng)動(dòng)畫(huà))它只是在我每次移動(dòng)鼠標(biāo)時(shí)繪制一堆線條。我不會(huì)說(shuō)我絕望了，但是...是的，我絕望了。理想情況下，我想以這樣一種方式添加它們，我可以用貝塞爾曲線定制所述電纜，并使它們避開(kāi)對(duì)象...如果我能在兩個(gè)插座之間畫(huà)一條直線，我會(huì)很高興。

我已經(jīng)嘗試了svg和konva，但沒(méi)有成功，我已經(jīng)為這個(gè)問(wèn)題掙扎了好幾天，不知道如何解決它。 (順便說(shuō)一下，連接的模塊有onClick事件)。提前泰。

為清晰起見(jiàn)，添加一張圖片