Raphaeljs и Freetransform с комбинацией клип-путь

Question

Я использую плагин Raphael and Elberts FreeTransform. это то, что я пробовал еще MyWork

Мой путь клипа работает, пока я не перевожу или не поверну набор прямоугольников, только после поворота или перевода он перестанет работать должным образом Я хочу, чтобы эти прямоугольники были внутри границы пути, как только они выходят наружу, они должны исчезнуть. Ответ на вопрос, почему я использую javascript (вручную), а не Raphael для clippath, заключается в том, что Raphael поддерживает только клип прямоугольник. Мне нужна твоя помощь, чтобы разобраться с этим.

заранее спасибо

Обновление: 1 Моя работа 2 Я решаю это для случая перевода, но в случае вращения это все еще мешает всему набору.

Answer 1

Пожалуйста, проверьте эту скрипку http://jsfiddle.net/UGukL/

Я пробовал проблему с клипом, она не работала.Поэтому решил поработать с маской.Также я не реализовал перетаскивание, но сохранил кнопки для перевода и поворота.Теперь маска работает нормально как для поворота, так и для перевода.

Answer 2

Создание нового тега (группы) g и перемещение всех элементов в эту группу с последующим применением clip-path к тегу g работает.ClipPath не распознает transform атрибута элемента, если применяется к отдельным элементам.Так что для этого следует обернуть g.

Применяется здесь