小编Nas*_*med的帖子

绘制带有尖角的字母形状轮廓时,会出现奇怪的伪影。如何避免它们?

我目前正在使用 HTML5 的画布来使用Impact字体渲染字符串。这工作正常,但笔画似乎从整个文本区域中渗出。有没有什么办法解决这一问题?

代码和渲染可以在这里看到: http: //jsfiddle.net/5uczpa1k/

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

ctx.font = "80px Impact";
ctx.strokeStyle = 'black';
ctx.lineWidth = 20;
ctx.fillStyle = 'white';
ctx.strokeText("A TEXT DEMO", 50, 150);
ctx.fillText("A TEXT DEMO", 50, 150);
Run Code Online (Sandbox Code Playgroud)
<canvas id="myCanvas" width="500" height="500"></canvas>
Run Code Online (Sandbox Code Playgroud)

html javascript css html5-canvas

3
推荐指数
1
解决办法
79
查看次数

标签 统计

css ×1

html ×1

html5-canvas ×1

javascript ×1