CodePen Embed - 绘制文字的样式

<canvas id="canvas" width="300px" height="200"></canvas>

#canvas {
  border: 1px solid #ccc;
}

const canvas = document.getElementById("canvas");
const cxt = canvas.getContext("2d");
cxt.font = "48px serif";
cxt.textAlign="center";
cxt.direction="rtl"
cxt.strokeText("舒丽琦 是谁？", 150, 150);

This Pen is owned by 小小舒 on CodePen.

See more by @shuliqi on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.