在vue中打印画布-电子组件

<template>
  <div>
    <canvas id="myCanvas"></canvas>
  </div>
</template>

<script>
export default {
  mounted() {
    const canvas = document.getElementById('myCanvas');
    const ctx = canvas.getContext('2d');
    
    // 进行绘图操作，如绘制矩形
    ctx.fillRect(10, 10, 100, 100);
  }
}
</script>

<template>
  <div>
    <canvas id="myCanvas"></canvas>
    <button @click="printCanvas">打印画布</button>
  </div>
</template>

<script>
export default {
  methods: {
    printCanvas() {
      window.print();
    }
  }
}
</script>