raphaeljs和freetransform与clip-path的组合

时间:2012-02-16 13:04:44

标签: javascript svg raphael transform

我正在使用Raphael和Elberts FreeTransform插件。 这是我试过的MyWork

我的剪辑路径有效,直到我不翻译或旋转矩形集,在旋转或平移后它停止正常工作。 我希望这些矩形在路径的边界内,一旦它们出去,它们就会消失。 我为什么使用javascript(手动)而不是Raphael for clippath的答案是,Raphael只支持剪辑rect。 我需要你的帮助来解决这个问题。

提前致谢

  

更新:1   My Work 2   我为翻译案例解决了这个问题,但在轮换的情况下,它仍然会扰乱所有的设置。

2 个答案:

答案 0 :(得分:1)

请检查这个小提琴http://jsfiddle.net/UGukL/

我用剪辑试过了这个问题,但是没用。因此决定使用面膜。             此外,我没有实现拖动,但保留按钮用于平移和旋转。             现在,屏蔽对旋转和平移都很有效。

答案 1 :(得分:0)

创建新的g代码(组)并将所有元素移动到该组,然后将clip-path应用于g标记。如果应用于单个元素,则ClipPath无法识别元素属性的transform。所以它应该包含在g中。

It is applied Here