canvas基础及应用领域【从0开始学习canvas—第1篇】

基础知识导入

1、canvas是 HTML5 提供的一种新标签。浏览器支持canvas则显示边框，不支持则显示标签里的内容。

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
    您的浏览器不支持 HTML5 canvas 标签。
</canvas>

2、canvas是一个矩形区域的画布，用于图形的绘制，通过脚本 (通常是JavaScript)来完成，它只是图形容器，本身不具备绘图功能。

3、canvas 拥有多种绘制路径，线、矩形、圆、文字以及添加图像及背景。即我们可以在一张白纸上绘制的它都能做到。

 

canvas的应用领域

1、游戏：canvas 在基于 Web 的图像显示方面比 Flash 更加立体、精巧，canvas 游戏在流畅度和跨平台方面更牛。

2、可视化数据：数据图表，如echart、F2、G2 ...。

3、banner