【问题标题】: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);
    

    希望有帮助!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-07
      • 2020-12-04
      • 1970-01-01
      • 2019-11-05
      • 2018-07-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多