Javascript 在画布上生成虚线字体

Question

我正在寻找在画布标签中为 A-Z 的字母创建点状字母字体的方法。有没有简单的方法来实现这一点？我想创建一个工具来教幼儿如何写作。

实现这一点的一种方法是在背景中放置一张图片，但我正在寻找是否有更好的方法来做到这一点

请向我指出如何执行此操作的示例或有关入门的任何建议。

Answer 1

各种想法：

1. Create a pattern 并在您对fillText() 的调用中使用它。但是，这不一定会对齐字母笔划上的点。

2. 用笔画创建自己的字体，然后将其绘制为dashed line（我的示例）。

3. 用笔画创建您自己的字体，然后使用带有stroke-dasharray 的SVG 进行绘制。

4. 查找免费字体，如Dotline 或Trace Font for Kids 或Print Clearly Dashed 和embed it in CSS 或embed it in SVG。