How to embed a simple graphical editor in a web application?

Question

Java

Hello!
Faced such a task: in a web application on Vaadin, you need to embed something like a graphical editor.
The essence is simple - there is some scheme, there is a pre-known set of elements, you need to arrange the elements on the diagram + be able to rotate them and change their size. Then we use the resulting image on the server for printing.
The application itself is still only in the project, it is planned to be written in Java with the Vaadin framework.
Is it possible to solve this problem with these technologies?
Where to look, what to study?
Perhaps it makes sense to use a different technology? What?

Answer 1

You can if you use canvas or svg. Vaadin, if I'm not mistaken, is based on gwt. There are wrapper libraries for it. Used this www.vectomatic.org/libs/lib-gwt-svg . And with this https://code.google.com/p/google-web-toolkit-incub... (now the canvas in gwt works out of the box). After you build the desired dom or graphics with canvas. It will need to be converted to an image and sent to the server. Google js libraries for this. In our project, we drew in svg, then converted the dom into a base64 encoded image and sent it to the server. So with the technologies you have chosen, everything is real :)