(相關資料圖)

JS繪制上下文

首先用到window.onload這個頁面加載函數，讓頁面的加載的時候調用某個函數。

因為要做dom相關操作，所以需要獲取canvas的id屬性，返回一個canvas畫布對象。

此外，需要創建2d的上下文繪制環境。

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

此外，你還可以使用canvas對象中的這2個屬性來設置畫布的寬高大小，不一定通過canvas標簽來設定,實現的效果是一樣的。