更改EaselJS画布宽度而不缩放内容

Question

我的应用程序中有一个缩放按钮，可以使用每个孩子的scaleX缩放容器的子项。

但这会使内容超出画布宽度。所以我需要另外更改画布宽度，但这似乎通常缩放画布和内容 - 如果我使用...

$('canvas').width($('canvas').width() * 2);

......我不想要。我基本上只是想设置一个新的宽度。

对此有何建议？

提前致谢。

Answer 1

JQuery width方法使用CSS设置宽度，这将拉伸画布而不是设置其像素尺寸。来自docs：

  

设置匹配元素集中每个元素的CSS宽度。

相反，您可以访问canvas元素并直接设置它，或使用attr方法。

// Direct
var elem = $("canvas").get(0);
elem.width = someValue;
elem.height = someOtherValue;

// Or using attr
$("canvas").attr("width", someValue);

希望有所帮助！