如何處理放大，縮小和按畫布中的「全屏」問題？

Question

我想讓畫布與css height = 100％的圖像完全重疊http://clec.twbbs.org/Screenshot.png？ 但是，當我放大，縮小或按下「全屏」時，畫布與圖像的大小不匹配http://clec.twbbs.org/Screenshot-2.png。我想知道我怎麼能解決這個問題。

非常感謝

Answer 1

沒有看到您的源代碼，我建議將圍繞圖像和canvas標籤的包裝。

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

然後canvas元素不會擴展到包裝的邊界之外。

另一種方法是將事件綁定到window.resize，並使canvas元素等於圖像元素的寬度/高度。