Javascript 使用KineticJS旋转层内的图像或层本身

我有一个阶段的尺寸800x600初始化如下

stage = new Kinetic.Stage({
    width:800,
    height:600,
    container:'container'
});

backgroundLayer = new Kinetic.Layer({
    width:800,
    height:600,
    visible:true,
    draggable:true,

});

imageObj = new Image()
image.src = "../path/to/image/"
imageObj.onload = function (){
    backgroundImage = new Kinetic.Image({
        image:imageObj,
        width:800,
        height:600,
        offset: {x: 400, y:300}
    });
    backgroundLayer.add(backgroundImage);
}

然后我像这样初始化一个背景层

stage = new Kinetic.Stage({
    width:800,
    height:600,
    container:'container'
});

backgroundLayer = new Kinetic.Layer({
    width:800,
    height:600,
    visible:true,
    draggable:true,

});

imageObj = new Image()
image.src = "../path/to/image/"
imageObj.onload = function (){
    backgroundImage = new Kinetic.Image({
        image:imageObj,
        width:800,
        height:600,
        offset: {x: 400, y:300}
    });
    backgroundLayer.add(backgroundImage);
}

还有像这样的图像对象

stage = new Kinetic.Stage({
    width:800,
    height:600,
    container:'container'
});

backgroundLayer = new Kinetic.Layer({
    width:800,
    height:600,
    visible:true,
    draggable:true,

});

imageObj = new Image()
image.src = "../path/to/image/"
imageObj.onload = function (){
    backgroundImage = new Kinetic.Image({
        image:imageObj,
        width:800,
        height:600,
        offset: {x: 400, y:300}
    });
    backgroundLayer.add(backgroundImage);
}

我将图像添加到背景层和舞台层

stage.add(backgroundLayer);

使用这样的偏移设置会使图像仅出现在舞台的上角，并且必须拖动它才能看到它。如果我旋转一个图像，前一个图像仍然在那里（未旋转），直到我拖动它。因此，我的问题是：

旋转图像或图层更好吗

偏移应该在哪里？为什么它会在显示图像和图层时导致这种错误

我如何才能使图像从后面显示

如果我将图像或层（根据我设置为可拖动的内容）拖动到画布的边界之外，我是否必须在旋转之前进行任何计算，或者KIneticJs是否自动执行此操作

一如既往，提前感谢

编辑：如果我执行stage.draw（）而不调用图层或图像上的draw（）方法，则图像将从后面显示。对于其他人，我仍然不知道