(相關(guān)資料圖)

JS繪制上下文

首先用到window.onload這個(gè)頁面加載函數(shù)，讓頁面的加載的時(shí)候調(diào)用某個(gè)函數(shù)。

因?yàn)橐鰀om相關(guān)操作，所以需要獲取canvas的id屬性，返回一個(gè)canvas畫布對(duì)象。

此外，需要?jiǎng)?chuàng)建2d的上下文繪制環(huán)境。

const canvas = document.getElementById('canvas') ? ?const ctx = canvas.getContext('2d')

此外，你還可以使用canvas對(duì)象中的這2個(gè)屬性來設(shè)置畫布的寬高大小，不一定通過canvas標(biāo)簽來設(shè)定,實(shí)現(xiàn)的效果是一樣的。