Jump to content

Dragging Elements into SVGs and save it permanently in a Browser


Temnis

Recommended Posts

Hey guys!

 

This time, I have a very special problem.

 

What do I want?

  • I want to create a User Interface.
  • With this User Interface the User shall be able to drag&drop a Button out of a html-Table into a SVG.
  • Now I want to save this constellation of the SVG and the positioned Buttons permanently on my Webserver.
  • I want to load the saved file later on another site to use the buttons.

Here is a small picture of how it should look like (some day)

gk663ibd.jpg

What do I have?

  • I have the html-Table with buttons inside.

So what do you think? Is there an "easy" Solution for this Problem? If no, how could I accomplish such functionalities?

 

Link to comment
Share on other sites

Look into using a canvas. You can't just drag and drop an HTML element into a canvas, but you should at least be able to detect the drop event, determine what they dropped, and re-create it in the canvas. You might also just want to create everything in the canvas instead of using other HTML elements.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...