Javascript 拉斐尔+；用图像填充路径

这是我第一次使用Raphael.js，所以当你看到乱七八糟的代码时，请记住这一点：）

我想做的是：

创建一个“可移动”立方体（带有ofc 6“面”）。每一张脸都应该有一个特定的图像

到目前为止，一切正常，但有一件事困扰着我，我找不到一个“修复”方法，但让我先向您展示小提琴和图像：

小提琴：

图片：

困扰我的问题是，当你移动立方体时，你会看到图像移动或以某种方式缩放到奇怪的程度，从而使灰色边框（在图像中绘制）看起来很模糊。让我告诉你：

我希望你通过看灰色边框的图片了解我的意思

---

我的猜测是，可以通过某种方式应用

位置：固定的
或固定的
宽度
/
高度
，来解决这个问题，但我什么也找不到。
这可能是Raphael.js中的一个限制-尝试使用比立方体一个面小的图像（例如照片）。您将看到图像只是平铺以覆盖立方体的该面。似乎要在拉斐尔内部实现这一点需要大量的工作。