動態調整canvas大小時必須重新獲取上下文（ canvas.getContext(‘2d’) ）及重新設置ctx的屬性，否則會導致后續的繪制操作無效

動態調整canvas:

var canvas = document.getElementsByTagName("canvas")[0];var ctx = canvas.getContext('2d');window.onresize = function () {console.log("窗口大小改變")resizeCanvas(); }function resizeCanvas() {canvas.width = window.innerWidth;canvas.height = window.innerHeight;//每次修改canvas大小后需要重新獲取canvas上下文，否則會導致繪畫無效ctx = canvas.getContext('2d'); }

總結

以上是生活随笔為你收集整理的动态调整canvas时的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。