我想与拉斐尔并排绘制几幅无缝图像。这适用于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次,则会再次出现图像之间的空间。
我做错了什么?任何帮助将不胜感激!
答案 0 :(得分:1)
向x坐标添加0.5对我来说是这样的:
rect = paper.image(url, x * size + .5, y * size , size, size);
不确定为什么不需要添加.5到y,而是concept is from here。