用户上传的图像拖放到Raphael SVG，然后调整大小、旋转和填充路径

这可能有点长，但提前感谢您的帮助

我正在尝试开发一个web应用程序，允许用户与所选产品的线框“绘图”进行交互，并使用上传的图像、颜色/图案或添加任何文本来自定义每个路径…或添加所有文本，如果他们选择（类似于自定义贺卡）…对于这个问题，我将从图像部分开始

以下是我到目前为止的情况：

使用任何图像（用户上传的图像）的最有效方法是什么？附加选定路径的填充，然后能够将其拖动、调整大小并在选定路径后旋转（以便他们可以控制图像中被“裁剪”的部分）？（*注意：我已经搜索了几个月，没有发现有人在Flash之外做这件事……MyPublisher.com非常接近，但它都是方形的，没有SVG……我已经研究过在服务器端使用ImageMagick和“dst_in”……但是在将图像硬编码到SVG中之后……就像在我的JSFIDLE上一样……这似乎可以在客户端完成）

我应该首先用拉斐尔来做这个应用吗？还是

**希望留在Raphael框架内（如果使用的话），以维护它提供的开箱即用的IE支持；我知道太多的java黑客攻击会扼杀这一点。当然，“完成”的产品将需要以.pdf格式下载……但这是另一个问题

编辑：#感谢您的回答，我已经更新了我的主页，了解了如何从上传的图像中获取URL，以及如何在Raphael论文中填充路径。因此，关于这个问题，我仍在努力解决两个问题： 1.如何使用此上传的图像能够拖放到路径上以更新填充？

2.如何首先选择上传图像要填充的路径？（用于无法拖放时）

---

再次感谢您的帮助！

更新了JSFIDLE:让Raphael SVG在divs中呈现…现在挖掘feComposite元素…有人吗？

为每个路径设置了鼠标下移功能，使用img url填充…现在可以使用用户上传图像的url（在我的服务器上）当他们把它放在路径上，我的大部分问题都会得到解决……而且如果有可选的属性填充也会很好……如果是img，就这样做……如果是color，就这样做……在混合中添加了一个透明的div……仍在挖掘……找到大量关于拖动Raphael对象的问题/答案……但没有任何关于拖动其他对象到Rap的问题/答案hael路径…grrr…想知道路径是否可以是dropzone？