konva绘制箭头 将箭头变成竖线

要将箭头变成竖线，可以通过调整箭头的路径来实现。

以下是一种可能的方法：

1. 首先定义一个包含箭头路径的 Konva.Shape，例如：

var arrow = new Konva.Shape({
  sceneFunc: function(context) {
    context.beginPath();
    context.moveTo(0, 0);
    context.lineTo(50, 0);
    context.lineTo(50, -10);
    context.lineTo(70, 0);
    context.lineTo(50, 10);
    context.lineTo(50, 0);
    context.closePath();
    context.fillStrokeShape(this);
  },
  fill: 'black'
});

2. 将箭头路径中的线段改为竖直方向即可，例如：

var arrow = new Konva.Shape({
  sceneFunc: function(context) {
    context.beginPath();
    context.moveTo(0, -10);
    context.lineTo(0, 10);
    context.closePath();
    context.fillStrokeShape(this);
  },
  fill: 'black'
});

这样就可以得到一个纵向的箭头了