Building a Browser-Based T-Shirt Designer with HTML5 Canvas

I've been exploring ways to build a browser-based T-shirt design editor using JavaScript and HTML5 Canvas.

The goal is to let users create their own T-shirt designs by adding text, uploading images, resizing elements, and positioning them on a canvas.

I'm also interested in implementing features such as zooming, panning, and measurement rulers to make the design experience more precise.

You can see an example of the T-shirt design editor I'm working on here.

One of the interesting challenges in this type of project is keeping the design elements and measurement rulers synchronized when the canvas is zoomed or moved.

I'd love to learn how other developers approach canvas transformations, coordinate systems, and interactive design tools.