I want to draw Interactive text area on canvas .Normaly , using id and classes we can change div css property but with canvas how can i achieve same functionality .
i want to write text on top of canvas which should change on change event of some text area.i wish to use menu bar to achieve functionality like change font-color,font-size,font-family etc .
with div id and class i can change css but on canvas how can i achieve this?? please suggest ?
You control text XY position in the same command that draws text: context.fillText("test",20,25);
You control font size and font family like this: context.font="14pt Verdana".
You control text color using the fill like this: context.fillStyle="gold".
You control opacity like this: context.globalAlpha=.80. (0.00=invisible, 1.00=fully opaque).
You control text rotation using a transform like this:
context.save(); context.rotate(30*Math.PI/180); context.fillText("Test",20,20); context.restore(); You would have to control these using your own custom coding (some easy, some moderate):
There is no capability to italicize (unless the font has italicized characters).
