我的演示在这里http://jsfiddle.net/akuma/7NmXw/1/

1. 首先,在蓝框中画一些东西.
2. 然后,单击一次旋转按钮.
3. 旋转框后,再次绘制一些内容.
4. 最后画的poisitoin错了.

我该怎么办呢,谢谢!

码:

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

var layer = new Kinetic.Layer({
    width: 400,
    height: 400
});

var rect = new Kinetic.Rect({
    x: 0,
    y: 0,
    width: 400,
    height: 300,
    fill: '#00D2FF',
    stroke: 'black',
    strokeWidth: 5
});

layer.add(rect);
stage.add(layer);

$(document).on('click', '#rotateBtn', function () {
    var w = layer.getWidth(),
        h = layer.getHeight();
    layer.setOffset(w / 2, h / 2);
    layer.setPosition(w / 2, h / 2);
    layer.rotateDeg(90);
    layer.draw();
});

var …