Является ли <clipPath>просто плохой альтернативой <mask>? - PullRequest
0 голосов
/ 31 мая 2018

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>?
...