使用arcTo（）在Kinetic.js中给出了一个错误

Question

在使用Kinetic.js 5.1.0时，在以下代码中使用arcTo时出现错误。

错误是＆＃39; TypeError：context.arcTo不是函数＆＃39;

myshape = new Kinetic.Shape({
    sceneFunc: function(context) {
        context.beginPath();
        context.moveTo(10, 0);
        context.lineTo(57, 0);
        context.lineTo(47, 35);
        context.lineTo(13, 35);
        context.arcTo(3, 0, 10, 0, 3);
        context.closePath();
        context.fillStrokeShape(this);
    },
        fill: '#e2e4e3',
    stroke: '#92278f',
    strokeWidth: 1,
    rotationDeg: 15,
    x: 150,
    y: 40
});

Answer 1

context参数不是原生的2d画布上下文，它是KineticJS包装器。您可以使用arc()函数或使用context._context

的原生画布参考

context._context.arcTo(...);