canvas入门学习(一)-简单介绍

爱被打了一巴掌 2021-09-15 10:18 529阅读 0赞

一、定义:

是HTML 5 中的新标签,用于定义图形,比如图表、图像等。IE低版本不支持,移动端使用很频繁,画布标签。

二、特点:

默认大小为300*150;注意: 给画布设置大小,只能通过自身的标签属性进行设置,不能通过css进行设置,也不能使用JQ,css(),width(),height(),设置大小,可通过prop(),attr(),设置width和height。

三、用途:

1.使用技术手段,绘制复杂图像
2.对图片进行像素化处理
3.对视频进行处理
4.处理动画,实现游戏
5.利用canvas实现图片的压缩

四、坐标系

默认:左上角为原点,向下为y轴正方向,向右为x轴正方向

五、绘制图形步骤

1.得到2d渲染上下文(画笔)
2.做好图像路径(告诉canvas如何绘制)
3.渲染路径

发表评论

表情:
评论列表 (有 0 条评论,529人围观)

还没有评论,来说两句吧...

相关阅读