javascript - 使用 arcTo() 在 Kinetic.js 中给我一个错误

Question

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

错误是'TypeError: context.arcTo is not a function'

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 Canvas 上下文，它是 KineticJS 包装器。您可以使用 arc() 函数或使用带有 context._context

的原生 Canvas 引用

context._context.arcTo(...);