1:基本概念
Canvas是HTML5的一个新特性,canvas又叫做画板。顾名思义,我们可以在canvas上绘制我们需要的图形。最开始,canvas它是由苹果公司提出的,当时不叫canvas,叫widget,因为HTML并不存在一套二维的绘图API。Canvas本身是一个HTML元素,需要HTML元素的配合高度和宽度属性而定义出的一块可绘制区域,定义区域之后使用JavaScript的脚本绘制图像的HTML元素。
它可以基本的绘制图形,进一步的制作照片,绘制动画,更进一步可以处理和渲染视频。(应用场景)
2:浏览器兼容
3:是一个元素
canvas有两个属性,一个是宽度(width),一个是高度(height)。宽度和高度可以使用内联的属性,如下所示:
<canvas width="300px" height="150px" id="canvas">
您的浏览器不支持Canvas
<img src="./backup.jpg" alt="">
</canvas>