var canvas = document.createElement('canvas')
canvas.id = "CursorLayer"
canvas.width = 1224
canvas.height = 768
canvas.style.zIndex = 8
canvas.style.position = "absolute"
canvas.style.border = "1px solid"
document.body.appendChild(canvas)
注意:此处一定要追加到body里面。
<canvas>是HTML 5 新增的元素,可用于通过使用JavaScript中的脚本来绘制图形
<canvas>元素只是创造了一个固定大小的画布,要想在它上面绘制内容,我们需要找到它的渲染上下文
<canvas>元素有一个getContex()方法,这个方法是用来获取渲染上下文和它的绘画功能