01 关于Canvas

Posted 2020-09-28 Nicole

什么是是canvas？

• 是html5提供的一种元素： <canvas></canvas>

• canvas是一个矩形区域，我们可以用javascript在上面绘画，控制其每一个像素

• canvas 元素使用 JavaScript 在网页上绘制图像，本身不具备绘图功能

• canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法

Canvas的应用领域

• 游戏   

• 可视化数据、数据图表

• banner广告

• 模拟器远程计算机控制

• 图形编辑器

• 多用于活动页面、特效

• 完整的canvas移动化应用

Canvas的兼容性

• 最新版桌面浏览器，如chrome，firefox，opera和safari等，都是支持的。

• IE9及IE9以上的浏览器支持。

• 手机端大部分浏览器支持。

• 如果不支持canvas，canvas标签内部的HTML代码会被渲染。 如： <canvas>     你好，您的浏览器不支持Canvas。</canvas>