【问题标题】:Change EaselJS canvas width without scaling content更改 EaselJS 画布宽度而不缩放内容
【发布时间】:2018-07-10 08:25:00
【问题描述】:
我的应用程序中有一个缩放按钮,它使用 scaleX 在每个子容器上缩放容器的子容器。
但这会使内容超出画布宽度。所以我需要另外更改画布宽度,但这似乎通常会缩放画布和内容 - 如果我使用...
$('canvas').width($('canvas').width() * 2);
...我不想要。我基本上只是想设置一个新的宽度。
对此有何建议?
提前致谢。
【问题讨论】:
标签:
javascript
html
canvas
easeljs
【解决方案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);
希望有帮助!