Javascript 如何使用KonvaJS用鼠标绘制箭头？

社区。我需要用KonvaJS用鼠标画一个箭头。我不使用React。这是我第一次使用KonvaJS。我搜索了解决这个问题的信息，但什么也没找到。我也阅读了这个库的文档，但我只找到了如何绘制基本箭头。我将感谢你的帮助。非常感谢你

有很多方法可以画箭头。您可以跟随，但使用箭头代替直线

最简单的解决方案是使用

mousedown

-创建一条线，

mousemove

更新线位置，

mouseup

-结束线

let-arrow；
stage.on（'mousedown'，（）=>{
const pos=stage.getPointerPosition（）；
arrow=新Konva.arrow({
点数：[位置x，位置y]，
笔画：“黑色”，
填充：“黑色”
});
图层。添加（箭头）；
layer.batchDraw（）；
});
stage.on（'mousemove'，（）=>{
如果（箭头）{
const pos=stage.getPointerPosition（）；
常量点=[arrow.points（）[0]，arrow.points（）[1]，pos.x，pos.y]；
箭头。点（点）；
layer.batchDraw（）；
}
});
stage.on（'mouseup'，（）=>{
箭头=空；
});

---

演示：

你能发布一张png图像吗？箭头会是什么样子？@ChrisP当然可以。让我告诉你我想做什么：在这个链接中有一个白板，可以让你画箭头。我想画像那样的箭头。我的意图是在不使用React的情况下设计这样的白板。