2020年3月23日
canvas学习笔记4 绘制三角形
摘要： 绘制三角形 知识点：closePath();关闭路径， stroke() stroke不会自动closePath() fill()表示填充实心的三角形,如果没有进行路径闭合,则fill会自动进行闭合 具体代码 <!DOCTYPE html><html> <head> <meta charset="u 阅读全文
posted @ 2020-03-23 16:03 小小小~ 阅读(472) 评论(0) 推荐(0)
canvas学习笔记3 绘制直线
摘要： 绘制路径 知识点：beginPath()新建path路径 moveTo() 把画笔移动到指定的坐标（路径的起点） lineTo() 绘制一条从当前位置指定坐标（200,50）的直线（路径的终点） closePath() 闭合路径，会出现一条从当前点到Path起始点的直线，如果当前点与起始点重合，则什 阅读全文
posted @ 2020-03-23 15:21 小小小~ 阅读(188) 评论(0) 推荐(0)
canvas学习笔记2
摘要： 创建一个画布，并在画布上面创建2个矩形 知识点：fillRect是创建实心的矩形样式可以用过fillStyle进行设置 strokeRect是创建实心的矩形样式可以用过strokeStyle进行设置 clearRect是清除指定的矩形区域，然后这块区域会变的完全透明。 其中里面的参数（0,0,100 阅读全文
posted @ 2020-03-23 12:17 小小小~ 阅读(141) 评论(0) 推荐(0)
canvas的学习笔记1
摘要： <canvas>是html5中的中新增的，一个可以使用脚本（JavaScript）在其中绘制图像dehtml元素，他可以用来绘制照片集或者制作简单的动画。 <canvas>标签必须要有闭合的标签</canvas> canvas的默认的宽度为300，高度为150，单位为px，颜色为黑色，默认没有边框和 阅读全文
posted @ 2020-03-23 12:12 小小小~ 阅读(126) 评论(0) 推荐(0)