1

这似乎是一个非常随机的问题，但我正试图找出一个技巧，以在画布上正确呈现字母间距文本。

在谷歌搜索之后，似乎没有办法真正做到这一点。我尝试的第一件事是渲染字符串中的每个字符，测量它，将其添加到偏移量，添加字母间距，但结果很差。可能是由于字体文件中包含有关字符配对空间等的信息。

我能想到的获得完美结果的唯一方法是将文本渲染到 html 元素，通过 CSS 设置字母间距，然后以某种方式将内存中的元素捕获为图像。我知道这不太可能，但有人知道这样做的方法吗？

4

1 回答 1

1

为什么不直接将 HTML 元素移动到画布上呢？

<canvas style="background-color:cyan; left:100px; right:100px; width:100px; height:100px; position:absolute" >
</canvas>
<p style="left:120px; right:100px; position:absolute; z-index:100; ">this is a test</p>
于 2013-03-31T14:23:20.400 回答