Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 拉斐尔和无缝瓷砖(图片)_Javascript_Raphael - Fatal编程技术网

Javascript 拉斐尔和无缝瓷砖(图片)

Javascript 拉斐尔和无缝瓷砖(图片),javascript,raphael,Javascript,Raphael,我想画几个无缝图像并排与拉斐尔。这在Chrome中有效,但在firefox中无效。由于某些原因,firefox在图像之间绘制的空间很小 你可以在小提琴中看到: var-paper=Raphael(0,02000); var x=0; var y=0; 变量大小=10; 变量url=”http://us.123rf.com/400wm/400/400/alliedcomputergraphics/alliedcomputergraphics1206/alliedcomputergraphics12

我想画几个无缝图像并排与拉斐尔。这在Chrome中有效,但在firefox中无效。由于某些原因,firefox在图像之间绘制的空间很小

你可以在小提琴中看到:

var-paper=Raphael(0,02000);
var x=0;
var y=0;
变量大小=10;
变量url=”http://us.123rf.com/400wm/400/400/alliedcomputergraphics/alliedcomputergraphics1206/alliedcomputergraphics120600904/14063568-ground-cover-seamless-texture-tile.jpg";
对于(x=0;x<10;x++){
对于(y=0;y<10;y++){
rect=paper.image(url,x*大小,y*大小,大小,大小);
}
}
有时可以在没有空间的情况下绘制图像,但如果您尝试将它们放在一个集合中并缩放整个集合2或3次,图像之间的空间将再次出现


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

向x坐标添加0.5对我来说:

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

不确定为什么在y中添加.5是不必要的,但是。

这似乎是正确的方法。。。作为例子,它解决了这个问题!但不幸的是,这个例子只是我问题的简化版本。。。或者我以为会是。。。在我的现实世界中,只有缩放2到3次后,我才有这个小空间。在链接文章中提到,这可以通过舍入来解决,但我担心这在拉斐尔是不可能的。。。或者我只是不知道怎么做。。。
rect = paper.image(url, x * size + .5, y * size , size, size);