这是我第一次使用Raphael.js,所以当你看到代码的混乱时请记住这一点:)
我想做什么:
创建一个“可移动”的立方体(带有6个“面”)。每张脸都应该填充一定的图像。
到目前为止一切正常,但是有一件事困扰着我,我无法找到它的“修复”,但让我首先向你展示小提琴和有问题的图像:
小提琴:http://jsfiddle.net/YWmpz/1/
图片:http://i48.tinypic.com/2u8f79u.jpg
困扰我的问题是,当你移动立方体时,你会看到图像移动或以某种方式缩放怪异,以便灰色边框(在图像中绘制)看起来像。让我告诉你:
http://i47.tinypic.com/33xzyhd.jpg
http://i46.tinypic.com/2vt6xl5.jpg
我希望通过看到灰色边框的图片来明白我的意思。
我的猜测是可以通过某种方式应用position:fixed
或固定width
/ height
来解决,但我找不到任何内容。