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

Posted 2023-03-05

【中文标题】更改 EaselJS 画布宽度而不缩放内容

【英文标题】：Change EaselJS canvas width without scaling content

【发布时间】：2018-07-10 08:25:00

【问题描述】：

我的应用程序中有一个缩放按钮，它使用 scaleX 在每个子容器上缩放容器的子容器。

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

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

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

对此有何建议？

提前致谢。

【参考方案1】：

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

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

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

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

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

希望有帮助！