Javascript在画布上生成虚线字体 [英] Javascript generate dotted fonts on canvas

问题描述

我正在寻找如何在A-Z的canvas标签中创建字母字体的Dotted字体。有一个简单的方法来完成这个吗？我想创建一个工具来教孩子如何写。

I am looking at ways to create Dotted letter fonts for alphabets from A-Z in a canvas tag . Is there an easy way to accomplish this?. I want to create a tool to teach toddlers how to write.

一种方法来实现这一点是在后台有一个图像，但我想看看是否有是更好的方法。

One way to achieve this is to have an image in the background but I'm looking to see if there is a better way to do this

请指教我如何做的例子或任何建议。

Please point me to examples on how to do this or any suggestions on getting started.

推荐答案

各种想法：

1. 创建模式，并在调用 fillText（）时使用。

1. Create a pattern and use that in your call to fillText(). This will not necessarily align the dots on letter strokes, however.

使用笔触创建自己的字体，然后将其绘制为虚线（我的示例）。

Create your own font out of strokes, and then draw it as a dashed line (my example).

创建您自己的字体，然后使用SVG绘制它与 stroke-dasharray 。

Create your own font out of strokes, and then draw it using SVG with stroke-dasharray.

查找 Dotline 或儿童的跟踪字体或打印清除虚线和将其嵌入CSS 或将其嵌入SVG 。

这篇关于Javascript在画布上生成虚线字体的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！