Input form inside canvas element

Question

I\'m wondering if there was any way to get an input from the user, preferably to a texbox (or anywhere a user can see what he\'s writting) in a canvas element through javasc

Answer 1

Question is a bit old, but I wanted to provide an alternative to absolute positioning. You can set the background-image (presumably to a div bigger than your textbox). Here's an example:

HTML:

... 
...[your textbox]
...

Javascript:

$('#backDrop').css('background-image', 'url(' + document.getElementById('canvas').toDataURL() + ')');

Here's a jsfiddle as an example.

As noted here, this essentially takes a snapshot of the canvas at the point you set the background-image property. Any changes you make to the canvas after setting the background-image will not be reflected (unless you re-set it), but this is probably what you want in most cases.