stage.scalemode怎样进行配置管理

在Stage.js中，scaleMode是一个用于控制画布缩放的属性。它接受以下几个值：

1. "none"：不允许缩放。
2. "fill"：填充整个画布，可能会导致画布超出其容器。
3. "contain"：保持画布的宽高比，并使其完全包含在容器内。
4. "cover"：保持画布的宽高比，但可能会导致部分画布超出容器。

要配置scaleMode，你可以在创建Stage实例时设置它，或者在运行时动态更改它。以下是一些示例代码：

创建Stage实例时设置scaleMode

const stage = new Stage({
  container: 'myCanvas', // 容器元素的ID
  scaleMode: 'contain' // 设置缩放模式
});

运行时动态更改scaleMode

// 假设你已经有了一个Stage实例
const stage = new Stage({
  container: 'myCanvas'
});

// 在某个事件触发时更改scaleMode
stage.scaleMode = 'cover';

管理多个Stage实例的scaleMode

如果你有多个Stage实例，并且想要对它们进行不同的缩放模式配置，你可以为每个实例单独设置scaleMode属性。

const stage1 = new Stage({
  container: 'canvas1',
  scaleMode: 'none'
});

const stage2 = new Stage({
  container: 'canvas2',
  scaleMode: 'contain'
});

通过这种方式，你可以轻松地为每个Stage实例配置不同的缩放模式，从而满足不同的应用需求。