画布的使用
我们学习画布需要掌握这几个要点：
1.掌握canvas元素的基本概念，学会如何在页面上放置一个canvas元素，如何使用canvas元素绘制出一个简单矩形
2.掌握使用路径的方法，能够利用路径绘制出圆形与多边形
3.掌握渐变图形的绘制方法，学会图形变形，图形缩放，图形组合，以及给图形绘制阴影的方法
画布的使用步骤如下：
(1)获取canvas对象--获取画布
通过document.getElementById()等方法取得canvas对象。
(2)取得上下文(context)--获取画笔
图形上下文是一个封装了很多绘图功能的对象，参数只能是“2d”
(3)定义填充样式
context.fillStyle='red';
(4)绘制填充图形
context.fillStyle(10,10,100,100）第一个参数是x轴开始位置，第二个参数是y轴开始位置，第三个参数是绘制图形的宽，第四个位置是绘制图形的高
下面我们通过几个实例来体验一下
1.绘制圆
2.线性渐变 createLinearGradient
Document
3.径向渐变 createRadialGradient 同心圆渐变
Document
4.绘制线段
Document
5.绘制图像/ 绘制视频
Document
6.绘制文本
Document
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！