了解
畫布元素通常用於圖形和圖像操作,具有開發人員應該注意的固有尺寸限制。雖然瀏覽器有不同的限制,但所有瀏覽器都施加了限制,以確保效能並防止過多的記憶體消耗。
最大高度和寬度:
在所有測試的瀏覽器中,允許的最大寬度畫布元素的高度和寬度為 32,767 像素。這意味著畫佈在任一方向上都不能超過這些尺寸。
總面積:
除了高度和寬度限制之外,許多瀏覽器還強制規定最大總面積對於畫布元素。 Firefox 支援的最大區域為 472,907,776 像素(約 22,528 x 20,992 像素)。 Chrome 允許的最大區域為 268,435,456 像素(16,384 x 16,384 像素)。
已知瀏覽器限制:
超出限制:
當超越畫布元素的最大高度、寬度或面積時,行為會因瀏覽器而異。大多數瀏覽器會忽略任何繪圖命令並使畫布無法使用。但是,IE 和 IE Mobile 會在可用空間內執行繪圖指令,不包括多餘的區域。以上是HTML5 Canvas 元素的最大高度、寬度和麵積限制是多少?的詳細內容。更多資訊請關注PHP中文網其他相關文章!