Перетащите объект SVG с одного холста на другой холст

Question

Мне было интересно, можно ли перетащить один объект SVG с одного холста на другой холст. Мне нужно реализовать веб-страницу с несколькими областями, которые нужно рисовать с помощью SVG, но эти области размещены в разных частях страницы. Требование состоит в том, что я должен перетаскивать объекты из одной области в другую область, поэтому я думаю, что у меня есть несколько областей холста, на которые я рисую, используя SVG, но я не уверен, смогу ли я перетащить объекты из одной области холста другой области холста. Я рисовал объекты с RaphaelJS в области холста и замечал, что при перетаскивании их за пределы холста они больше не видны, поэтому моя первая мысль заключается в том, что это не поддерживается.

Может ли кто-нибудь помочь?

Спасибо, Пол

Answer 1

рисунок SVG ограничивается видовом (читай: холст), это установка.

Существует множество способов сделать то, что вы хотите. Например, создайте новое изображение svg, которое вы перемещаете под мышью при перетаскивании. Вы также можете убедиться, что svg canvas охватывает все окно, но обратите внимание, что это не приведет к перетаскиванию за пределы окна (если это то, что вы хотите). Другим более полным способом является использование HTML5 drag&drop, чтобы установить dragimage и использовать встроенную функциональность.