如何检测 HTML 5
方法一：创建canvas元素并使用getContext()方法： canvas对象的getContext()方法用于返回canvas元素的绘制上下文。如果不支持上下文标识符，则返回 null。此属性可用于检查是否支持 canvas 元素，因为不支持 HTML5 的浏览器将返回 NULL。
首先使用 document.createElement() 方法创建一个新的画布元素。 getContext() 方法用于此画布元素，并以“2d”作为参数。它将检查“二维”渲染上下文的上下文标识符。
要将返回值转换为布尔值，在结果前使用双重否定 (!!)。这将强制将结果转换为布尔值。 NULL 将被强制转换为 false，任何其他非 NULL 值将被强制转换为 true。转换结果可用于检查浏览器是否支持 HTML 5 画布。
例子：
How to detect HTML 5 canvas is
not supported by JavaScript?
GeeksforGeeks
How to detect that HTML5
Click on the button to check
for Canvas support
Canvas is supported:
输出：
- 在点击按钮之前：
- 点击按钮后：
方法 2：检查 HTMLCanvasElement 接口： HTMLCanvasElement是一个接口，它提供了用于操作画布对象的属性和方法。可以从窗口对象访问该接口，以检查是否支持画布元素。如果返回值为NULL，则表示不支持canvas元素。
要将返回值转换为布尔值，在结果前使用双重否定 (!!)。这将强制将结果转换为布尔值。 NULL 将被强制转换为 false，任何其他非 NULL 值将被强制转换为 true。转换结果可用于检查浏览器是否支持 HTML5 画布。
例子：
How to detect HTML 5 canvas is
not supported by JavaScript?
GeeksforGeeks
How to detect that HTML5
Click on the button to check
for Canvas support
Canvas is supported:
输出：
- 在点击按钮之前：
- 点击按钮后：
