首页 理论教育 如何设置线型样式?

如何设置线型样式?

时间:2023-06-03 理论教育 版权反馈
【摘要】:线型包括如下属性:①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属性实例

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈