Canvas 绘图与导出 | 星雨笔录

使用 Canvas 绘制简单图形并导出。

核心： canvas 的 2D 上下文可绘图，toDataURL 可导出图片数据。

最小示例：

const canvas = document.querySelector('canvas');
const ctx = canvas.getContext('2d');
ctx.fillRect(10, 10, 80, 40);
console.log(canvas.toDataURL('image/png'));

学完能做： 使用 Canvas 绘制简单图形并导出。