canvas
简单的阿贵
一个很菜很菜的前端攻城师~~~
展开
-
Canvas学习笔记之画线
Canvas学习笔记之画线步骤 1.使用getElementById()获取canvas元素。 2.获取canvas的绘制环境getContext()。 3.进行绘制画笔的粗细和颜色定义,分别是lineWidth和strokeStyle。 4.告诉系统开始绘制beginPath()。 5.制定画笔光标moveTo(x, y)。 6.进行路径绘制lineTo(x, y原创 2017-07-08 17:00:39 · 632 阅读 · 0 评论 -
Canvas学习笔记之画矩形
Canvas学习笔记之画矩形步骤 1.使用getElementById()获取canvas元素。 2.获取canvas的绘制环境getContext()。 3.进行绘制画笔的粗细和颜色定义,分别是lineWidth和strokeStyle。 4.告诉系统开始绘制beginPath(),进行绘制坐标重置。 5.使用strokeRect()进行举行路径绘制(并不会填充内部),原创 2017-07-08 17:43:42 · 387 阅读 · 0 评论 -
Canvas学习笔记之画圆(笑脸)
Canvas学习笔记之画圆(笑脸)步骤 1.使用getElementById()获取canvas元素。 2.获取canvas的绘制环境getContext()。 3.进行绘制画笔的粗细和颜色定义,分别是lineWidth和strokeStyle。 4.告诉系统开始绘制beginPath(),进行绘制坐标重置。 5.使用arc()和stroke()进行路径的绘制。如果不是画原创 2017-07-08 22:23:22 · 1362 阅读 · 0 评论