我正在使用HTML5画布来绘制一些文本,但是我得到了一些丑陋的结果。以下是我的绘制文本的示例代码:
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var x = 80;
var y = 110;
context.fillStyle = "white"
context.font = '13px Arial';
context.lineWidth = 3;
// stroke color
context.strokeStyle = 'black';
context.strokeText('ABCDEFGHIJKLMNOPQRSTUVWXYZ!', x, y);
context.fillText('ABCDEFGHIJKLMNOPQRSTUVWXYZ!', x, y);
我得到了这个结果:
然后我将文本更改为“abs”,得到了这个结果:
你可以看到“M”和“s”看起来很丑,有没有人有解决方法?