扭曲拉斐尔的一条“路径”

Distort a "path" in Raphael

本文关键字:一条 路径      更新时间:2023-09-26

我想知道在 RaphaelJS 中是否有可能扭曲任何形状/路径,例如,如果我在 0,0 10,0 10,10 0,10 的边界框中有一个形状,假设形状在这些点有手柄,我将点 10,10 拖动到 11,15 ...此时,我想扭曲形状以适应新的边界框。

想象一下形状很复杂,就像这样 http://jsfiddle.net/8hMkC/

如果

它必须是图像,那不是太大的问题(如果这可能的话?

您可以使用javascript来使用viewbox。
http://jsfiddle.net/mihaifm/QqcwX/

添加一个代表按钮的新元素(圆圈或其他东西)并处理单击/拖动事件。然后,您可以更改视框坐标。

我不知道。我假设您希望能够在边界框的范围内扭曲,扭曲和/或通常扭曲任意形状。这将涉及转换任何非路径基元(圆,矩形等) 到路径,然后计算其中所有节点点的更改。我并不是说这不能做到,但可以这么说,你不会开箱即用地免费获得它。如果可以做到这一点,我很想听听。