canvas画线段,canvas绘制线条时用下面哪个方法设置起点坐标

　　原文：

　　http://www.lifelaf.com/blog/?p=371

　　本文翻译自Steve Fulton Jeff Fulton html 5 canvas第2章“使用路径创建线条”

　　对于HTML5 Canvas，我们可以使用“路径”来绘制任何图形。路径只是一系列的点和连接这些点的线。任何画布上下文都只有一个“当前路径”，当调用context.save()时，这个“当前路径”不会被保存。路径的开始与结束

　　调用beginPath()开始一个路径，调用closePath()结束它。如果路径中的点是相连的，那么这种连接就构成了“子路径”。如果一条“子路径”的最后一点与它自己的第一点相连，我们认为这条“子路径”是“封闭的”。线条的描绘

　　最基本的路径操作包括重复调用命令moveTo()和lineTo()。例如，以下示例：按如下方式复制代码：

　　函数drawScreen() {

　　context.strokeStyle= black

　　context.lineWidth=10

　　context.lineCap= square

　　context . begin path()；

　　context.moveTo(20，0)；

　　context.lineTo(100，0)；

　　context . stroke()；

　　context . close path()；

　　}

　　在上面的例子中，我们画了一条宽度为10像素的水平线段；同时，我们还设置了lineCap和strokeStyle属性。以下是一些常用属性的列表：

　　线帽

　　LineCap定义画布中线段两端的样式，可以设置为以下三个值之一：

　　屁股.默认值；在线的两端添加直边。

　　回合.在线段的每一端添加一个半圆形螺纹帽。帽的直径等于线段的宽度。

　　正方形.在线的两端添加方形帽。帽的长度等于线段的宽度。

　　线条连接

　　LineJoin定义两条线段相交处的拐角样式。以下是三个可选值：

　　斜接.默认值；创建一个尖角。您可以通过设置miterLimit属性来限制拐角长度，miterLimit是拐角长度与线宽之比的最大值，默认值为10。

　　斜面.创造一个斜角。

　　回合.创建圆角。

　　行距

　　线宽定义线条的粗细，默认为1.0。

　　线条

　　StrokeStyle定义用于渲染线条的颜色等样式。译注：当lineJoin设置为斜接，但尖角长度超过miterLimit的限制时，Canvas会显示“斜角”角效果。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。