检测不支持HTML5 <canvas>的最佳方法
检测不支持HTML5 <canvas>的最佳方法
提问于 2010-04-30 22:59:43
处理浏览器不支持HTML5 <canvas>标记的情况的标准方法是嵌入一些备用内容，如：
<canvas>Your browser doesn't support "canvas".</canvas>但页面的其余部分保持不变，这可能是不恰当的或具有误导性的。我想要一些检测canvas不支持的方法，这样我就可以相应地呈现我页面的其余部分。你有什么推荐的？
回答 4
Stack Overflow用户
发布于 2010-04-30 23:02:00
我通常在创建画布对象时运行getContext检查。
(function () {
var canvas = document.createElement('canvas'), context;
if (!canvas.getContext) {
// not supported
return;
}
canvas.width = 800;
canvas.height = 600;
context = canvas.getContext('2d');
document.body.appendChild(canvas);
}());如果它被支持，那么您可以继续画布设置并将其添加到DOM。这是一个简单的Progressive Enhancement示例，我(个人)更喜欢它而不是优雅的降级。
Stack Overflow用户
发布于 2011-11-11 02:36:59
try {
document.createElement("canvas").getContext("2d");
alert("HTML5 Canvas is supported in your browser.");
} catch (e) {
alert("HTML5 Canvas is not supported in your browser.");
}Stack Overflow用户
发布于 2016-06-16 14:14:00
您可以使用canisuse.js脚本来检测浏览器是否支持canvas
caniuse.canvas()页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2745432
复制相关文章
相似问题