HTML5 Canvas Text Resize, Rotate and Change Color

Question

I am trying to resize and Rotate text in canvas in a similar way to this:

http://simonsarris.com/project/canvasdemo/demo2.html

But I also want to add the rotate and change color functionality.
How would I best implement this functionality?

Answer 1

If you really want to use all these feature then I would suggest you using either of these javascript libraries to accomplish this

• RaphaelJS
• KineticJS
• FabricJS
• GuryJS

I've worked with all of them. As always, nothing will probably fit your needs but I would suggest looking into those to get a better view on what you can actually do with the HTML5 canvas.

Answer 2

Start with a good tutorial about Canvas I would say. Something like https://developer.mozilla.org/en/docs/Canvas_tutorial is a good resource.