I have a div with relative position and several pngs in it with absolute position and different width/height + rotate values. What I need is to generate svg from it without using any plugin. This is like a sticker book for kids.
Update:
I was able to make a php script to generate the image. But here's the new problem:
Source container width: 700, height: ratio based. Final container width: 1200, height: ratio based.
Icon 1 from source: width=150px, height=80px, left=30px, top=40px Icon 2 from source: width=100px, height=100px, left=90px, top=20px ...and so on. About 6-7 stickers at one time with above config.
All the above details are sent to the php script to generate the image. What I need is to calculate the scaling of the icons in the final container using the data above. Not only just width and height but the x and y position also so that the final image looks exactly like the source but just a bigger version.
Appreciate all of your help/comments.