使用 arcTo() 在 Kinetic.js 中出现错误答案

【问题标题】：Using arcTo() gives me an error in Kinetic.js使用 arcTo() 在 Kinetic.js 中出现错误
【发布时间】：2014-06-05 09:50:34
【问题描述】：

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

错误是'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
});

【问题讨论】：

你能告诉我们如何定义上下文参数的代码吗？
对不起，我真的不知道 - 我在这里遵循形状示例 kineticjs.com/docs/Kinetic.Shape.html 并尝试使用 arcTo() 而不是 quadraticCurveTo()

标签： javascript canvas kineticjs

【解决方案1】：

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

context._context.arcTo(...);

【讨论】：

谢谢 context._context.arcTo(...) 完美运行