由于我们在模板中已经添加了<canvas>元素,并且Vue 3会自动处理模板的渲染,因此你不需要额外做任何操作来显示canvas元素。 总结 以上就是在Vue 3中使用canvas进行绘图的基本步骤。通过结合Vue 3的Composition API和Canvas API,你可以轻松地在Vue应用中实现复杂的图形绘制功能。
子组件(components/MarkImage.vue),使用Canvas画矩形. <template> <div class="test" style="background-color: transparent; display: flex;margin-left: 180px;"> <canvas id="myCanvas" ref="myCanvas" @click="findRect" @mousedown="mousedown" @mouseup="mouseup" @mousemove="mousemove" :style="back...