JavaScript复习笔记（十一）Canvas （H5新增）

最新推荐文章于 2024-06-20 20:20:21 发布

kattiekattie

最新推荐文章于 2024-06-20 20:20:21 发布

阅读量74

点赞数

分类专栏： JS复习笔记（LXF官网）文章标签： javascript

本文链接：https://blog.csdn.net/m0_37925276/article/details/125523632

版权

没有Canvas的年代，绘图只能借助Flash插件实现。有了Canvas，就可以直接使用JavaScript完成绘制。

测试浏览器是否支持Canvas

通常在<canvas>内部添加一些说明性HTML代码，
如果浏览器支持Canvas，它将忽略<canvas>内部的HTML，
如果浏览器不支持Canvas，它将显示<canvas>内部的HTML

<canvas id="test-canvas" width="200" heigth="100">
    <p>你的浏览器不支持Canvas</p>
</canvas>

var canvas = document.getElementById('test-canvas');
if (canvas.getContext) {
   
    console.log('你的浏览器支持Canvas!');
} else {
   
    console.log('你的浏览器不支持Canvas!');
}