Check canvas support?

[Asen Bozhilov]

How you check client browser for support of canvas element from HTML5.
Here i don't want to check user agent or creating dummy canvas element
or anything else in this styling.
In code.google i found one `object' canvas_support:
<URL:http://code.google.com/p/browser-canvas-support/wiki/
BrowserCanvasSupport>
I don't like this. In HTML5 working draft is defined DOM Interface
`HTMLCanvasElement', who's associated with global execution context.
After that:

var Canvas = {
isSupported : Boolean(this.HTMLCanvasElement)
}

How you thinking about check for canvas supported?

Thanks for responses.

 

[Jorge]

How you check client browser for support of canvas element from HTML5.
Here i don't want to check user agent or creating dummy canvas element
or anything else in this styling.

Why not ? e.g.:

if (document.createElement('canvas').getContext) {
//ok
} else {
//not ok
}

In code.google i found one `object' canvas_support:
<URL:http://code.google.com/p/browser-canvas-support/wiki/
BrowserCanvasSupport>
I don't like this. In HTML5 working draft is defined DOM Interface
`HTMLCanvasElement', who's associated with global execution context.
After that:

var Canvas = {
  isSupported : Boolean(this.HTMLCanvasElement)

}

How you thinking about check for canvas supported?

Thanks for responses.

You're welcome,

 

[RobG]

How you check client browser for support of canvas element from HTML5.
Here i don't want to check user agent or creating dummy canvas element
or anything else in this styling.
In code.google i found one `object' canvas_support:
<URL:http://code.google.com/p/browser-canvas-support/wiki/
BrowserCanvasSupport>
I don't like this. In HTML5 working draft is defined DOM Interface
`HTMLCanvasElement', who's associated with global execution context.
After that:

var Canvas = {
  isSupported : Boolean(this.HTMLCanvasElement)

}

How you thinking about check for canvas supported?

I played with canvas a little while ago and created a Canvas
constructor so I could have a number of them in the page. Testing for
element.getContext was sufficient on the limited number of browsers I
was interested in. I can't say if it's suitable for general use:

if (element.getContext) {
this.context = element.getContext('2d');
} else {
alert('Context not supported');
return;
}