Fatal编程技术网
  • javascript/
  • Javascript 删除html5矩形画布之间的空间

Javascript 删除html5矩形画布之间的空间

javascript html canvas

Javascript 删除html5矩形画布之间的空间,javascript,html,canvas,rectangles,Javascript,Html,Canvas,Rectangles,我创建了一个矩形数组，每个矩形比前一个矩形宽100 var pos = new Vector2(0, 0); for(var i=0;i<numRects;i++) { rects[i] = new Rectangle(new Vector2(pos.X, 0), sizeRect, sizeRect); pos.X += sizeRect; } var pos=新向量2（0,0）； 对于（var i=0；iI只是在矩形的宽度上加了1，看起来不错，但我认为这不是一个可靠

我创建了一个矩形数组，每个矩形比前一个矩形宽100

var pos = new Vector2(0, 0);

for(var i=0;i<numRects;i++) {
    rects[i] = new Rectangle(new Vector2(pos.X, 0), sizeRect, sizeRect);
    pos.X += sizeRect;
}

var pos=新向量2（0,0）；

对于（var i=0；iI只是在矩形的宽度上加了1，看起来不错，但我认为这不是一个可靠的解决方案…只是把它扔出去。谢谢，但它应该适用于当前的度量。你之所以看到这一点，是因为你改变了
上下文的比例，它调整了元素的大小，使它们的边界变得模糊，因为f消除混叠。我无法停用消除混叠，但删除了设置缩放比例的代码修复了问题。不作为答案发布，因为这是一个解决方法，可能有更好的解决方案。缩放将在矩形之间产生白线，就像勒夫所说的，如果我是你，只创建矩形并具有
widthScale
 和
heightScale
，您可以使用它来增加位置和大小，因此您可以自己进行缩放，从而删除白线。它本身并不是产生这些瑕疵的
scale（）
，而是因为您是在浮点数上绘制的（例如，在小提琴中，刻度对我来说是
X:0.3645680819912152，Y:0.36328125
，所以当它尝试在pos 200200中绘制时，它实际上会尝试在位置
72.91361639824304,72.65625
处绘制。显然，它不能绘制半像素，因此它会创建一些伪影来给人半像素的印象。你什么都不能做。）g、 除了检查是否始终在圆形像素位置上绘制外，还可以先在比例（MAth.ceil（s）、MAth.ceil（s））画布上绘制，。。。

for(var i=0;i<numRects;i++) {
    Game.drawRect("blue", rects[i].pos, rects[i].width, rects[i].height);
}