相关疑难解决方法(0)

画布元素中的字母间距

这个问题几乎都说明了.我一直在寻找并开始担心这是不可能的.

我有这个画布元素,我正在绘制文字.我想设置类似于CSS letter-spacing属性的字母间距.我的意思是在绘制字符串时增加字母之间的像素数量.

我绘制文本的代码是这样的,ctx是画布上下文变量.

ctx.font = "3em sheepsans";
ctx.textBaseline = "middle";
ctx.textAlign = "center";
ctx.fillStyle = "rgb(255, 255, 255)";
ctx.fillText("Blah blah text", 1024 / 2, 768 / 2);
Run Code Online (Sandbox Code Playgroud)

ctx.letterSpacing = "2px";在绘图之前尝试过添加,但没有用.有没有办法只用一个简单的设置来做到这一点,或者我是否必须创建一个函数来单独绘制每个字符的间距?

javascript css html5 canvas letter-spacing

32
推荐指数
4
解决办法
3万
查看次数

标签 统计

canvas ×1

css ×1

html5 ×1

javascript ×1

letter-spacing ×1