基本用法

canvas元素

<canvas id="tutorial" width="150" height="150"></canvas>

canvas元素 没有设置宽度和高度的时候，canvas 会初始化宽度为 300 像素和高度为 150 像素

渲染上下文

canvas 起初是空白的,可以通过 canvasElement.getContext() 获取到渲染上下文。

const el = document.querySelector<HTMLCanvasElement>("canvas")!;
const canvas = el.getContext("2d")!;