如何在html5画布中绘制单个像素线?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (40)

当我试图用以下代码绘制单个像素黑线时:

    context.strokeStyle = '#000'; 
    context.beginPath();
    context.moveTo(x1, y1); 
    context.lineTo(x2, y2);
    context.lineWidth = 1;
    context.stroke();
    context.closePath();  

我有超过一个像素线与灰色边框。怎么修?

提问于
用户回答回答于

改用这些坐标调用你的函数:drawLine(30,30.5,300,30.5);

问题是你的颜色会在边缘,所以颜色会在边缘上方和边缘下方的像素的中间。如果将线的位置设置在整数中间,则会在像素线内绘制线。

扫码关注云+社区