为什么我的黑线在HTML5 canvas中是半透明的

Question

我正在使用LineTo（）在HTML5画布中绘制一条黑线，但我注意到黑笔划不像DIV中的正常黑色边框那样黑。

这是我的HTML代码：

 ctx.strokeStyle = 'black';
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(pt.x2, pt.y2);
 ctx.lineTo(pt.x, pt.y);
 ctx.stroke();
 ctx.closePath();

在下面的照片中，最外面的黑色是我的DIV的边框。灰色部分是由上面的代码绘制的输出线，我也将其设置为黑色。