How Teespring Uses Canvas, SVG, and the DOM to Design T-Shirts

Re:How Teespring Uses Canvas, SVG, and the DOM to Design T-S... by secondtimeuse on Friday January 08, 2016 @02:39PM (#10867593)

I have used http://fabricjs.com/ in another project (not related to printing). FabricJS is used/developed by printio.ru . Its a good open source alternative.

[ Parent | on HN ]

Re:How Teespring Uses Canvas, SVG, and the DOM to Design T-S... by Ezhik on Friday January 08, 2016 @04:13PM (#10868295)

Fabric.js is canvas-based, so it's a slightly different beast (although between being used in t-shirt designer tools, and having svg<->canvas conversion, the ultimate result is the same).

[ Parent | on HN ]

Re:How Teespring Uses Canvas, SVG, and the DOM to Design T-S... by grumblestumble on Friday January 08, 2016 @07:35PM (#10869406)

I'm using fabricjs for annotations as well and it's a great library. The biggest downfall of using canvas as a renderer as opposed to svg is that it doesn't look great if you provide zoom controls. Lovely crisp SVG paths rendered as pixels on a canvas :/

[ Parent | on HN ]

Re:How Teespring Uses Canvas, SVG, and the DOM to Design T-S... by secondtimeuse on Friday January 08, 2016 @10:29PM (#10869975)

I think you can implement programmatic zoom on canvas in fabricjs as well. E.g. See this http://www.eraseimage.com/ use mouse zoom on the left canvas.

[ Parent | on HN ]