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。