如果不支持canvas标记，请执行某些操作

Question

当浏览器不支持canvas标签时，我会显示图像。

我已将此图像作为canvas标签内div的背景放置：

<canvas width="1200" height="470">
    <div id="wallpaper"></div>
</canvas>

即使支持canvas标签，图像仍会下载，但是如果支持canvas标记，是否有办法阻止图像下载到浏览器？

Answer 1

不，不是真的。但你可以反过来测试它。

检查解决方案here。

Answer 2

您需要做的是确定浏览器在绘制或加载图像之前是否支持画布。尝试使用JavaScript（从https://stackoverflow.com/a/2746983/3869056检索）：

function isCanvasSupported() {
 var elem = document.createElement('canvas');
 return !!(elem.getContext && elem.getContext('2d'));
}
if(!isCanvasSupported())
 document.getElementById('canvas').innerHTML = '<div id="wallpaper"></div>';

当然，这可能不是你想要的，但它应该为你做的工作。