Thinking: js poster generation tool

how to use js to make an editable poster making tool to find ideas? (such as Band-Aid and Yi Qixiu)

May.22,2021
Have you solved the problem of

?


the css in the editing area is relatively positioned, and the inner sub-elements are those picture materials, and the text is absolutely positioned, and then js allows the sub-elements to be draggable, and the z-index level can be set. Click on the sub-elements to set a frame according to their size, and there are handles on the frame, such as zooming in and out, rotation, etc., which is judged to be the editable and font-related attributes of the text, which is the replaceable of the picture. Upload a new image or add something to give an id and absolute positioning attributes, and finally html2canvas.js screenshot output.

the front end is just the above, but there are too many details to implement. I wrote drag and screenshot myself, and then the js is not strong enough to write. Now I am reading the js, of similar stations on the Internet, and I am ready to read it and change it to my own.


you can try poster maker . You only need to define your json to pull

.
Menu