canvas 绘制文本
1. font - 定义字体
2. fillText(text,x,y) - 在 canvas 上绘制实心的文本
3. strokeText(text,x,y) - 在 canvas 上绘制空心的文本
绘制高30px的实心文字
const c = document.getElementById("myCanvas");
const ctx = c.getContext("2d");
ctx.font = "30px Arial";
ctx.fillStyle = "red";
ctx.fillText("Hello World", 10, 50);
绘制高30px的空心文字
const c = document.getElementById("myCanvas");
const ctx = c.getContext("2d");
ctx.font = "30px Arial";
ctx.strokeText("Hello World", 10, 100);