javascript - 拉斐尔和无缝瓷砖（图片）

Question

我想和拉斐尔并排画几幅无缝的图像。这适用于 Chrome，但不适用于 Firefox。出于某种原因，Firefox 绘制的图像之间的空间很小。

您可以在小提琴中看到：http: //jsfiddle.net/bxK4b/4/

var paper = Raphael(0,0, 200, 200);

var x = 0;
var y = 0;
var size = 10;
var url = "http://us.123rf.com/400wm/400/400/alliedcomputergraphics/alliedcomputergraphics1206/alliedcomputergraphics120600904/14063568-ground-cover-seamless-texture-tile.jpg";

for (x = 0; x < 10; x++) {
    for (y = 0; y < 10; y++) {
        rect = paper.image(url, x * size, y * size , size, size);
    }
}

有时可以在没有空间的情况下绘制图像，但是如果您尝试将它们放在一个集合中并将整个集合缩放 2 或 3 倍，则图像之间的空间会再次出现。

我究竟做错了什么？任何帮助，将不胜感激！

Answer 1

将 0.5 添加到 x 坐标对我来说是这样的：

rect = paper.image(url, x * size + .5, y * size , size, size);

不知道为什么添加 .5 到 y 是不必要的，但这个概念来自这里。