如何删除出现在画布形状之间的多余白线

时间:2018-06-25 05:32:03

标签: canvas html5-canvas

嗨,我刚刚用适当的x和y值渲染了一些画布矩形。因为我在每个矩形之间发现了一些白线。扰乱了整个结构。请参阅所附的屏幕截图。enter image description here

或也参考

enter link description here

问题再现源代码:

<h3>{{post.title}}</h3>
<p>{{post.body}}</p>

请运行此源代码,并在两个矩形之间看到一分钟的白线。 (如果看不见,则“缩放”屏幕以使其清晰可见)

2 个答案:

答案 0 :(得分:0)

您尝试使用rectangle.setStroke(Color.TRANSPARENT)吗? http://www.java2s.com/Code/Java/JavaFX/SetRectangleStroketoColorBLACK.htm

答案 1 :(得分:0)

我没有看到代码,我想这是一个抗锯齿问题,允许背景在框的边缘稍微可见,在这种情况下背景是白色或看起来是白色的(看起来好像是青色)从第一个要填充画布的框开始)。

停止抗锯齿的方法是context.translate(0.5,0.5);实施方式:

context.beginPath();
    context.translate(0.5,0.5);

    context.moveTo(125, 20);
    context.lineTo(125, 230);
context.stroke();

没有抗锯齿和坚硬的边缘。