SVG Clipping против Masking
Недавно я встречал Clipping * Mask в SVG.Я заметил, что элемент <mask>
включает в себя все элементы элемента <clipPath>
.
Кроме того, <clipPath>
имеет много недостатков:
Из-за этого IИнтересно, для чего нужен элемент <clipPath>
:
Элемент <mask>
гораздо мощнее!
Это мой код :
<svg viewBox="0 0 100 100" width="100" height="100">
<defs>
<clipPath id="clip">
<rect x="0" y="0" width="50" height="50"/>
</clipPath>
</defs>
<circle cx="50" cy="50" r="50" fill="grey" clip-path="url(#clip)"/>
</svg>
Наконец, мои вопросы:
- Должен ли я использовать
<mask>
вместо <clipPath>
в моем фрагменте кода? - Есть ли ситуации, когда
<clipPath>
более подходит, чем <mask>
?