加入收藏 | 设为首页 | 会员中心 | 我要投稿 汽车网 (https://www.0577qiche.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 教程 > 正文

线段方法整理

发布时间:2023-05-24 14:06:50 所属栏目:教程 来源:
导读:本小节中我们使用到了三个方法,都是和绘制线段相关的。

moveto(x, y)

moveto 方法主要作用是把画笔路径移动到画布中的指定点,它不会创建线条。通过字面意思我们也可以知道,“move: 移动”,&ldqu
本小节中我们使用到了三个方法,都是和绘制线段相关的。

moveto(x, y)

moveto 方法主要作用是把画笔路径移动到画布中的指定点,它不会创建线条。通过字面意思我们也可以知道,“move: 移动”,“to: 到… 地方”,整体意思就是移动到某个坐标。

参数说明:

变量名    类型    是否必须    说明
x    Number    是    canvas 画布上相对于原点所绘制的矩形的左上角的 X 坐标。
y    Number    是    canvas 画布上相对于原点所绘制的矩形的左上角的 Y 坐标。

lineto(x, y)

lineto 方法主要作用是打线到指定点,它不会创建线条。通过字面意思我们也可以知道,“line: 路线”,“to: 到… 地方”,整体意思就是路线引到某个坐标。

参数说明:

变量名    类型    是否必须    说明
x    Number    是    canvas 画布上相对于原点所绘制的矩形的左上角的 X 坐标。
y    Number    是    canvas 画布上相对于原点所绘制的矩形的左上角的 Y 坐标。

stroke()

stroke 方法主要作用是绘制出通过 moveto() 和 lineto() 方法定义的路径,如果没有定义画笔的颜色,那么会默认使用黑色来绘制。

(编辑:汽车网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章