Несколько элементов с использованием clip-path в Raphael - PullRequest
1 голос
/ 20 января 2012

Все, у нас есть форма, состоящая из путей (давайте назовем этот родительский элемент), по которому пользователь может перетаскивать различные объекты.

Мы используем clip-path, чтобы скрыть объект.он выходит за границы родительской фигуры, он скрыт.

Внутри родительской фигуры пользователь может перетаскивать объект.Заполняем эти объекты.с изображениями.Если изображения больше, чем объект.затем часть изображения за пределами объекта.Граница также скрыта (клип-прямоугольник Рафаэля).

К сожалению, Рафаэлю, похоже, не нравится множественный путь-клип, и мы получаем конфликт, то есть объект.с изображением внутри получите его функцию пути клипа, перезаписанную родительской формой пути клипа;изображения становятся видимыми за пределами границы объекта.

РЕДАКТИРОВАТЬ: Вот иллюстрация того, что мы хотим сделать.Надеюсь, что это объясняется с помощью иллюстрации. enter image description here

1 Ответ

1 голос
/ 25 января 2012

Я думаю, что у меня может быть частичное решение для этого .. Если вы считаете это уместным, пожалуйста, отправьте мне отзыв на моем веб-сайте

Перейдите в индекс на моем веб-сайте и посмотрите на "Облако мыслей". Оно состоит избольшой области пути с «облаком мысли», вырезающим дыру через большую область пути.

Мой сайт находится на

http://www.irunmywebsite.com/

/ ОБНОВЛЕНИЕ8 апреля 2013 / Путь с несколькими клипами так же возможен (использует тот же принцип), что и путь с одним клипом в Raphael Путь с одним клипом Пример Кольцевая дыра Путь с несколькими клипами Пример Здесь мы отсекаем 9 изображенийдважды!Наложение пути клипа делает изображения закругленными углами Надеюсь, это поможет, отформатировав этот ответ на IPod, так что орфография и другие вещи могут быть немного неправильными ..

...