javascript - 检测不支持 HTML5 <canvas> 的最佳方法

标签 javascript html canvas progressive-enhancement graceful-degradation

处理浏览器不支持 HTML5 的情况的标准方法 <canvas>标签是嵌入一些后备内容,例如:

<canvas>Your browser doesn't support "canvas".</canvas>

但页面的其余部分保持不变,这可能不恰当或具有误导性。我想要一些检测 Canvas 不支持的方法,以便我可以相应地展示我的页面的其余部分。你会推荐什么?

最佳答案

这是 Modernizr 中使用的技术,基本上所有其他可以使用 Canvas 的库:

function isCanvasSupported(){
  var elem = document.createElement('canvas');
  return !!(elem.getContext && elem.getContext('2d'));
}

由于您的问题是在支持时进行检测,因此我建议您像这样使用它:

if (!isCanvasSupported()){ ...

关于javascript - 检测不支持 HTML5 <canvas> 的最佳方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2745432/

相关文章:

javascript - jquery 在 IE6 中不工作

html - 使用 CSS 进行复杂的表格布局

javascript - 多个 Canvas 层的碰撞检测

javascript - Microsoft Edge 中的字体变体 - Canvas 2D

javascript - 在 for 循环中填充数组 (JS)

javascript - 如何删除数组内数组的最后一项

javascript - Java Http 服务器获取 Post 到 Ajax

javascript - 使用js和html5 canvas元素的径向图表

c# - 如何获取完全加载的 HTML 页面代码

javascript - 如何更好地处理 Canvas 游戏中的玩家移动?