Create 2d context *without* canvas

Question

I am currently looking for a way to create a canvas 2d rendering context without actually having a canvas element on the page. I could dynamically create a canvas element and hide it, but then again I don't want to show the image directly to the user anytime, so there's no point of actually having a canvas element in the page. So I'm basicly looking for something that is similar to

var image = new Image( );

but only for canvas 2d rendering context (pseudo code)

var context = new 2dContext( );

Is there functionality like this? I wasn't able to find anything like it. Calling

var context = new CanvasRenderingContext2D( );

which is the name of the rendering context interface by HTML5 spec just gives me awkward errors in Firefox:

uncaught exception: [Exception... "Cannot convert WrappedNative to function" nsresult: "0x8057000d (NS_ERROR_XPC_CANT_CONVERT_WN_TO_FUN)" location: "JS frame :: http://localhost/ ::  :: line 25" data: no]

Create 2d context without canvas

3 Answers