如何在画布中处理放大，缩小和按“全屏”问题？

Question

我想让画布与css height = 100％http://clec.twbbs.org/Screenshot.png的图像完全重叠？  但是，当我放大，缩小或按“全屏”时，画布与图像http://clec.twbbs.org/Screenshot-2.png的大小不匹配。我想知道如何解决这个问题。

非常感谢

Answer 1

如果没有看到你的来源，我会建议在图片和画布标签周围添加一个包装。

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

然后canvas元素不会超出包装器的范围。

另一种方法是将事件绑定到window.resize并使canvas元素等于图像元素的宽度/高度。