Javascript 将真彩色设置为画布边框笔划？

我有一个设置矩形的简单代码

我用黑色抚摸它的边缘

然而，除了灰色，我在这里看不到任何黑色

函数绘图（）
{
ctx.beginPath（）；
ctx.strokeStyle=“#000000”；
ctx.strokeRect（矩形x、矩形y、矩形w、矩形h）；
}
var canvas=document.getElementById（“canvas”）；
var ctx=canvas.getContext（“2d”）；
clearRect（0，0，canvas.width，canvas.height）；
var rect={
x:10，
y:10，
w:40，
h:100
};
draw（）；

当您创建画布线时，它将使一条线穿过您声明的点，其宽度为

线宽

。如果线条在2个像素之间（例如，当您创建一条穿过边框的线条时，这意味着您选择了x和y的整数值），它将溶解颜色以平衡线条所穿过的2个像素，在这种情况下，左侧像素的比例为50%，右侧像素的比例为50%，从而产生灰色。 将

.5

添加到x和y使线条始终保持在1像素内

函数绘图（）
{
ctx.beginPath（）；
ctx.strokeStyle=“#000000”；
ctx.strokeRect（矩形x、矩形y、矩形w、矩形h）；
}
var canvas=document.getElementById（“canvas”）；
var ctx=canvas.getContext（“2d”）；
clearRect（0，0，canvas.width，canvas.height）；
var rect={
x:10.5，
y:10.5，
w:40，
h:100
};
draw（）；

可能重复的-