HTML5 Canvas as CSS background-image?

Question

Is it possible to make the background image of a DIV a canvas that can be modified with getContext(\"2d\")?

Answer 1

Set the background-image of the div to this:

"url('" + canvas.toDataURL() + "')";

Edit: At that point, note that you are also free to do what you wish with the canvas, as the background-image will continue to contain only the image data that was in the canvas at the moment that you called canvas.toDataURL(). Feel free to discard or draw onto the canvas, as it will not affect your div's background at that point.