(相关资料图)

JS绘制上下文

首先用到window.onload这个页面加载函数，让页面的加载的时候调用某个函数。

因为要做dom相关操作，所以需要获取canvas的id属性，返回一个canvas画布对象。

此外，需要创建2d的上下文绘制环境。

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

此外，你还可以使用canvas对象中的这2个属性来设置画布的宽高大小，不一定通过canvas标签来设定,实现的效果是一样的。