У меня есть векторный объект SVG, состоящий из нескольких контуров, некоторые из которых необходимо замаскировать.
Для этого я сделал 5 SVG-масок. Кажется, все они работают (т. е. маскируют соответствующий объект), кроме одного! Я, наверное, упускаю что-то очевидное, но я этого не вижу.
Короче говоря: как мне правильно замаскировать видимый элемент внутри круга? Любые указатели будут очень признательны.
Объект находится у этого пера: http://codepen.io/anon/pen/LNYOya
#svg #маска
На самом деле та маска, которая, по вашему мнению, не работала, была единственной маской, которая работала!
У вас были идентификаторы маски и идентификаторы пути, названные в обратном порядке. Вы можете увидеть это, выбрав пути в Illustrator. Здесь я выбрал путь #000000 and mask #ffffff и вы можете видеть, что это разные пути:
Причина, по которой казалось, что другие маски работали, заключается в том, что обводка на масках была установлена на белый цвет ( mask-l-1-1 ), which shows whatever it is masking, so it was revealing the wrong area and therefore revealing nothing. The one mask you thought wasn't working was the only mask set to the correct path. To use the mask to hide the path you need to set the stroke color to black ( l-1-1 ).
Я обновил ваш SVG-код. здесь.
Я не думаю, что вы хотите использовать для этого маски. Маски предназначены для маскировки части растрового изображения, но вы используете их для маскировки путей. Вместо этого просто прокладывайте пути, которые вы действительно хотите. Если вам нужно отверстие в объекте, нарисуйте круг и проткните его сквозь объект. Если вы хотите удалить некоторые узлы, выберите их и удалите. В идеале при создании логотипа у вас должен получиться только один объект пути.
Если вы не используете инструмент векторного рисования, обязательно рассмотрите возможность его использования. Вообще говоря, причиной редактирования кода SVG является оптимизация существующего изображения (например, замена фигуры повернутой версией другой фигуры) или добавление интерактивности или анимации. Первый шаг — создать визуальный рисунок с помощью визуальных инструментов, подходящих для данной работы.
![[tiff] Шаблон Фотокниги](/assets/images/icons/forum1.png){kind=icon}
![[ева Ефремова]- Внутренний Компас (2016)](/assets/images/icons/forum6.png){kind=icon}
![[нетология] Основы Медийной Рекламы](/assets/images/icons/forum0.png){kind=icon}
