本文探讨了如何在canvas中实现文字的分散对齐。通过将canvas宽度分成多个部分，并将每个文字放置在相应部分的中心，实现了类似的效果。文中提供了使用JS和原生JavaScript的代码示例。
canvas水平对齐方式有：
| 值 | 描述 |
|---|---|
| start | 默认，文本在指定的位置开始 |
| end | 文本在指定的位置结束 |
| center | 文本的中心被放置在指定的位置 |
| left | 文本左对齐 |
| right | 文本右对齐 |
JS调用：
ctx.textAlign = "center | end | left | right | start";那么问题来了，如果我们要实现左右分散对齐呢？
我有个不成熟的办法，仅供参考，如果有更好的办法，请在评论区告诉我。
主要思想：我们先看看ctx.textAlign = "center"的含义：文本的中心位置放置在指定的位置，那我们现在假设canvas的宽度为L，需要居中的字符串length为N,然后我们将宽度分为N+1，每个放在每一段的中间，可能解释的有点不好理解，看看示意图：
废话不多说了，直接上代码：
需要引用Jquery的：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></t
最低0.47元/天 解锁文章
1255
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
