Contribute a custom line style. 发一个自定义的线条样式.

[YttriumC]

It looks like this:
它看起来是这样的:

This code only support canvas engine.
此代码仅支持canvas引擎.

options = {
  view: {
    custom_line_render: function ({ctx, start_point, end_point}) {
      let x1 = start_point.x;
      let y1 = start_point.y;
      let x2 = end_point.x;
      let y2 = end_point.y;
      let mx = x2 - (x2 - x1) / 2;
      let standardR = 18;
      let r = Math.min(Math.abs(y2 - y1) / 2, standardR );
      ctx.beginPath();
      ctx.moveTo(x1, y1);
      if (y1 === y2) {
        ctx.lineTo(x2, y2);
        ctx.stroke();
        return
      }
      if (x2 < x1) {
        if (y2 > y1) {
          ctx.lineTo(mx + r, y1);
          ctx.arcTo(mx, y1, mx, y2, r)
          ctx.lineTo(mx, y2 - r);
          ctx.arcTo(mx, y2, x2, y2, r);
          ctx.lineTo(x2, y2);
        } else {
          ctx.lineTo(mx + r, y1);
          ctx.arcTo(mx, y1, mx, y2, r)
          ctx.lineTo(mx, y2 + r);
          ctx.arcTo(mx, y2, x2, y2, r);
          ctx.lineTo(x2, y2);
        }
      }
      if (x2 > x1) {
        if (y2 > y1) {
          ctx.lineTo(mx - r, y1);
          ctx.arcTo(mx, y1, mx, y2, r);
          ctx.lineTo(mx, y2 - r);
          ctx.arcTo(mx, y2, x2, y2, r);
          ctx.lineTo(x2, y2);
        } else {
          ctx.lineTo(mx - r, y1);
          ctx.arcTo(mx, y1, mx, y2, r);
          ctx.lineTo(mx, y2 + r);
          ctx.arcTo(mx, y2, x2, y2, r);
          ctx.lineTo(x2, y2);
        }
      }
      // ctx.arc(xs, ys, r, startAngle, endAngle);
      ctx.stroke();
    } //自定义线条样式
  }
}

[YttriumC]

#592

[hizzgdev]

感谢支持！

[hizzgdev]

@peulis