raphaeljs和freetransform與剪輯路徑的組合

Question

我使用Raphael和Elberts FreeTransform插件。 這是我試過的MyWork

我的剪輯路徑的作品，直到我不翻譯或旋轉矩形的集合，只是在旋轉或翻譯後，它停止正常工作。 我想要那些在路徑邊界內的矩形，只要它們走到外面，它們就會消失。 爲什麼我使用javascript（手動）而不是Raphael作爲clippath的答案是，Raphael只支持剪輯矩形。 我需要你的幫助來整理這一個。

在此先感謝

更新：1 My Work 2 我解決它翻譯情況，但在旋轉的情況下仍然擾亂所有設置。

Answer 1

創建一個新的g標記（組）並將所有元素移至該組，然後將clip-path應用於g標記工作。如果應用於單個元素，ClipPath不會識別元素屬性的transform。所以它應該包裝在這個g。

It is applied Here

Answer 2

請檢查此琴http://jsfiddle.net/UGukL/

我曾嘗試與剪輯的問題，這是行不通的。所以決定與面具一起工作。 另外我還沒有實現拖動，但keept按鈕翻譯和旋轉。 現在，蒙版對於旋轉和平移都可以正常工作。