將SVG對象從一個畫布拖到另一個畫布

Question

我想知道是否可以將一個SVG對象從一個畫布拖到另一個畫布。我需要實現一個網頁，其中有多個區域需要使用SVG繪製，但是這些區域放置在頁面的不同部分。要求是我必須將對象從一個區域拖到另一個區域，所以我想要使用SVG繪製多個畫布區域，但我不確定是否可以從一個畫布區域拖動對象不同的畫布面積。我用RaphaelJS繪製了一個畫布區域的對象，並注意到當它們拖出畫布時它們不再可見，所以我的第一個想法是，這不被支持。

任何人都可以幫忙嗎？

感謝， 保羅

Answer 1

Svg爲繪圖侷限於視（讀：帆布），這是設置。

有很多方法可以做你想做的。例如，製作一個新的svg圖像，拖動時您可以在鼠標下移動。您還可以確保svg畫布覆蓋整個窗口，但請注意，這不會讓您在窗口外拖動（如果這是您想要的）。 另一個更完整的方法是使用HTML5 drag&drop來設置dragimage並使用本地功能。