学习笔记-canvas文本

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);