vue konva layer恢复恢复原始大小和原始位置

在使用 Vue.js 和 Konva.js 库创建图形时，可以使用 `ref` 属性来引用 Konva 的 `Stage` 和 `Layer` 对象。恢复 `Layer` 的原始大小和位置可以通过以下步骤实现：

1. 在 `data` 中定义一个变量来保存 `Layer` 的初始状态：

data() {
  return {
    originalSize: null,
    originalPosition: null
  }
}

2. 在 `mounted` 钩子函数中，获取 `Layer` 的初始大小和位置，并保存到 `data` 变量中：

mounted() {
  const layer = this.$refs.layer.getStage().findOne('Layer')
  this.originalSize = layer.getSize()
  this.originalPosition = layer.getPosition()
}

3. 创建一个方法来恢复 `Layer` 的大小和位置：

methods: {
  resetLayer() {
    const layer = this.$refs.layer.getStage().findOne('Layer')
    layer.setSize(this.originalSize)
    layer.setPosition(this.originalPosition)
  }
}

4. 在需要恢复 `Layer` 的位置和大小的地方调用 `resetLayer` 方法即可：

<button @click="resetLayer">恢复原始状态</button>

这样，每次点击按钮时，`Layer` 就会恢复到初始状态，即初始大小和位置。