缩放后的动力学.js层宽度答案

【问题标题】：kinetic.js layer width after scaling缩放后的动力学.js层宽度
【发布时间】：2013-03-04 22:29:59
【问题描述】：

kinetic.js 图层对象是否缩放其宽度？

缩放整个图层并尝试通过 getWidth() 方法获取宽度后，我得到了我在图层实例化时设置的内容。这是故意的 kinetic.js 行为吗？

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

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

var circle = new Kinetic.Circle({
        x: 150,
        y: 150,
        radius: 30,
        fill: 'green',
});

layer.add(circle);

stage.add(layer);

$('#message').append( 'width before scale: ' + layer.getWidth() + "</br>");
// 300

layer.setScale(0.9);
layer.draw();

$('#message').append('width after scale: ' + layer.getWidth());
//300

【问题讨论】：

标签： javascript kineticjs

【解决方案1】：

是的，这是预期的行为。

如果你想要缩放宽度：

$('#message').append('width after scale: ' + layer.getWidth() * layer.getScale().x);

http://jsfiddle.net/qHmZz/2/

【讨论】：