【摘要】:线型包括如下属性:①lineWidth=value;②lineCap=type;③lineJoin=type;④miterLimit=value。下面将结合实例来讲解各属性的应用及应用后的效果。线宽是指给定路径的中心到两边的粗细。因为画布的坐标并不和像素直接对应,当需要获得精确的水平或垂直线的时候要特别注意。lineWidth的显示效果如图8.12所示。图8.12lineWidth属性实例2.lineCap属性该属性决定了线段端点显示的样子。它可以是以下三种值之一:round、bevel和miter。
线型包括如下属性:
①lineWidth=value;
②lineCap=type;
③lineJoin=type;
④miterLimit=value。
可通过这些属性来设置线的样式。下面将结合实例来讲解各属性的应用及应用后的效果。
1.lineWidth属性
该属性设置当前绘线的粗细,属性值必须为正数。默认值是1.0。线宽是指给定路径的中心到两边的粗细。换句话说就是在路径的两边各绘制线宽的一半。因为画布的坐标并不和像素直接对应,当需要获得精确的水平或垂直线的时候要特别注意。
lineWidth的显示效果如图8.12所示。
图8.12 lineWidth属性实例(www.xing528.com)
2.lineCap属性
该属性决定了线段端点显示的样子。它可以为下面的三种值之一:butt、round和square,默认值是butt。
lineCap的显示效果如图8.13所示。
3.lineJoin属性
该属性值决定了图形中两线段连接处所显示的样子。它可以是以下三种值之一:round、bevel和miter。默认值是miter。
图8.13 lineCap属性实例
lineJoin的显示效果如图8.14所示。
图8.14 lineJoin属性实例
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。