拉斐尔和无缝瓷砖(图像)

时间:2013-09-08 18:19:20

标签: javascript raphael

我想与拉斐尔并排绘制几幅无缝图像。这适用于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次,则会再次出现图像之间的空间。

我做错了什么?任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:1)

向x坐标添加0.5对我来说是这样的:

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

不确定为什么不需要添加.5到y,而是concept is from here