Javascript 拉斐尔和无缝瓷砖(图片)
我想画几个无缝图像并排与拉斐尔。这在Chrome中有效,但在firefox中无效。由于某些原因,firefox在图像之间绘制的空间很小 你可以在小提琴中看到: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
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);