Html 如何处理放大、缩小和按；全屏；画布上的问题？

我想让画布与css高度为100%的图像完全重叠？ 但是，当我放大、缩小或按“全屏”时，画布与图像的大小不匹配。我想知道我怎样才能解决这个问题

---

非常感谢

如果没有看到您的源代码，我建议在图像和画布标签周围添加一个包装

<div id='wrapper'>
    <img/>
    <canvas/>
</div>

这样canvas元素就不会超出包装器的边界

另一种方法是将事件绑定到

窗口。调整大小

，并使

画布

元素等于图像元素的宽度/高度