HTML5自学笔记[ 15 ]canvas绘图基础6

关于线条的一些属性:

  • lineCap,这个属性表示的是线条两端的样式,值有butt(默认)/round/square。

HTML5自学笔记[ 15 ]canvas绘图基础6_第1张图片

  • lineJoin,这个属性表示线条相交的方式,值有miter(默认)/bevel/round;

HTML5自学笔记[ 15 ]canvas绘图基础6_第2张图片

  • miterLimit,该属性指定默认情况下lineJoin采用miter方式的极限值;比如,在上面的例子中,将miterLimit设置为1,那么第一个图的两条线的相交方式就会自动转变为bevel。

你可能感兴趣的:(HTML5自学笔记[ 15 ]canvas绘图基础6)