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

JS繪制上下文

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

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

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

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

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