【问题标题】:Konva scale down groupKonva 缩小组
【发布时间】:2019-01-27 15:37:57
【问题描述】:

我有一个 850x600 像素的 Konva 舞台,以及一张使用大量 SVG 图像创建的图片。我想尝试缩小整个舞台/图层/组以适应手机屏幕。

  • 我尝试将比例设置为小于 1(例如:0.5),但似乎无法正常工作。

实现这一目标的最佳方法是什么?

配置示例:

var stage = new Konva.Stage({ container: 'container', width: 850, height: 600, scale: 0.5 });

【问题讨论】:

  • 你是如何设置比例的?你能做一个演示吗?
  • 缩放后是否调用layer.draw()?你能发布一个显示问题的精简代码示例吗?
  • 我在开始阶段的配置中设置比例,然后再绘制任何东西。 @lavrton

标签: konvajs


【解决方案1】:

您不能将scale 设置为0.5。你需要使用:

scale: {x: 0.5, y: 0.5}

或者你可以使用这个:

scaleX: 0.5,
scaleY: 0.5

注意:我将为 Konva v3 中的比例和其他一些属性的无效值添加警告。

【讨论】:

  • 谢谢,就是这样。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-11-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-05-23
  • 2021-11-23
  • 1970-01-01
相关资源
最近更新 更多