Javascript генерирует точечные шрифты на холсте

Question

Я ищу способы создания шрифтов с точечными буквами для алфавитов из AZ в теге canvas.Есть ли простой способ сделать это?Я хочу создать инструмент, чтобы научить малышей писать.

Один из способов добиться этого - создать фоновое изображение, но я смотрю, есть ли лучший способ сделать это

Пожалуйста, укажите мне примеры того, как это сделать, или какие-либо предложения по началу работы.

Answer 1

Различные идеи:

1. Создайте шаблон и используйте его при вызове на fillText().Однако это не обязательно выровняет точки на штрихах букв.

2. Создайте свой собственный шрифт из штрихов, а затем нарисуйте его в виде пунктирной линии (мой пример).

3. Создайте свой собственный шрифт из штрихов, а затем нарисуйте его с помощью SVG с stroke-dasharray.

4. Найдите бесплатный шрифт, например Dotline или Trace Font для детей или Print Clear Dashed и , вставьте его в CSS или это в SVG .