canvas基础入门系列教程(2)-绘制直线图形前置知识

2.绘制直线图形准备知识

2.0.1.canvas的坐标系

在默认情况下,canvas的左上角为原点,X坐标向右增长,Y坐标向下增长,但是,canvas的坐标并不是固定的,可以对坐标系统进行平移以及旋转

canvas基础入门系列教程(2)-绘制直线图形前置知识

2.2.路径初识

路径中文解释为到达目的地必经的道路

canvas基础入门系列教程(2)-绘制直线图形前置知识

在canvas中我们使用stroke函数来画出moveTo和lineTo两点之间的线,调用了stroke函数以后,我们就可以看到一条直线,我们把这种画线操作又称为描边,两点之间的道路我们称之为路径,在没有描边之前,路径在canvas上是不可见的

课程地址:http://edu.nodeing.com/course/80