绘制图形_设置线型(二)

• 指定线段交点的样式

  ctx.lineJoin=type

  1. miter：默认值，交点填充为多边形，尖角
  2. bevel：交点填充为三角形，斜面
  3. round：交点填充为扇形，圆弧

xxxxxxxxxx
ctx.lineWidth = 20
        // 交点为圆弧
        ctx.beginPath()
        ctx.moveTo(100, 100)
        ctx.lineTo(200, 200)
        ctx.lineTo(100, 300)
        ctx.lineJoin = 'round'
        ctx.stroke()

        // 交点三角形
        ctx.beginPath()
        ctx.stroke()
        ctx.moveTo(200, 100)
        ctx.lineTo(300, 200)
        ctx.lineTo(200, 300)
        ctx.lineJoin = 'bevel'
        ctx.stroke()
        // 交点多边形
        ctx.beginPath()
        ctx.moveTo(300, 100)
        ctx.lineTo(400, 200)
        ctx.lineTo(300, 300)
        ctx.lineJoin = 'miter'

        ctx.stroke()

• 指定虚线里面线段和间距的长度。

  xxxxxxxxxx
  ctx.setLineDash([15,5])
  //15是线段的长度，5是间距的长度
  

实时效果反馈

1.下列描述错误的是：

A 使用ctx.lineJoin='round'设置线段交点呈圆弧的形状

B 使用ctx.setLineDash([15,5])设置间距长度为15px

答案

1=>B