Kinetic.js“對象沒有方法batchDraw”

Question

我正在嘗試建立一個基本的Kinetic.js應用程序。 我到處都是奇怪的錯誤，幾乎沒有關於Kinetic的參考。

$(document).ready(function ()
{    
    var stage = new Kinetic.Stage({
        container: 'canvas',
        width: 700,
        height: 434
    });

    var cursorCanvas = new Kinetic.Layer();
    var drawingCanvas = new Kinetic.Layer();

    var outerCircle = new Kinetic.Circle({
        radius: settings.size,
        strokeWidth: 4,
        stroke: "#000"
    });

    var innerCircle = new Kinetic.Circle({
        radius: settings.size,
        strokeWidth: 2,
        stroke: "#fff"
    });

    $(stage.getContent()).on('mousemove', function (e)
    {
        var pos = stage.getMousePosition();
        outerCircle.setAbsolutePosition(pos.x,pos.y);
        innerCircle.setAbsolutePosition(pos.x,pos.y);
        cursorCanvas.batchDraw(); //This throws an error
    }); 

    cursorCanvas.add(outerCircle);
    cursorCanvas.add(innerCircle);

    stage.add(cursorCanvas);
});

未捕獲的TypeError：對象＃沒有方法'batchDraw'

另外，每當我嘗試在舞台上添加第二層時：stage.add（drawingCanvas）; stage.add（cursorCanvas）;

我懂了

未捕獲到的TypeError：Type erroretic.min.js：28

有什么幫助嗎？ :)

Answer 1

您的錯誤似乎是Kinetic希望將一個“＃”與一個元素的ID串聯起來，以便使用JQuery定位該元素-只是發現該ID不可用。

嘗試將事件處理程序設置為

stage.on('contentMousemove', function (e)
{
    //Stuff
});