我正在尝试开发一个系统，通过浮雕来预览产品的外观。
为了做到这一点，我基本上将两个图像合成在一起。为了正确地做到这一点，我正在构建一个主要使用JavaScript的系统，允许选择背景图像。然后有人会在此图像上绘制一个四边形，表示合成图像的正确比例。
此图像是矩形的，将使用Imagick扭曲以匹配构成此四边形的四个坐标。
我有点朦胧的是JavaScript。它不需要支持多个浏览器，Webkit或FF就可以了。
至少应该放一个由四个点组成的矩形。然后可以随意操纵这些点，并在点之间绘制一条线以帮助用户可视化效果。
这是粗略的描述，但我拥有的最好。在一个完美的世界里，我喜欢做类似于this的事情，但有更多的灵活性。 http://jqueryui.com/demos/resizable/#aspect-ratio也是类似于我想象的一个很好的例子，但是转换的约束较少。
我调查了Raphael.js，看起来很有希望，但我厌倦了重新发明轮子。
有什么想法？我是否遗漏了可能在这里有用的任何明显的JavaScript库/实现？
编辑：我最终使用Flash和这个AS3类：http://www.rubenswieringa.com/blog/distortimage 这是一种痛苦，但我得到了它的工作。如果有人想对javascript技术发表意见，我就把它留下来。