mask-type

Атрибут mask-type указывает, какой режим маски — альфа или яркость — использовать для содержимого элемента <mask> при маскировании.

Этот атрибут можно использовать со следующими SVG-элементами:

• <mask>

Пример

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Two identical masks other than the id and mask-type values -->
  <mask id="myMask1" mask-type="alpha">
    <rect
      fill="rgb(10% 10% 10% / 0.4)"
      x="0"
      y="0"
      width="100%"
      height="100%" />
    <circle fill="rgb(90% 90% 90% / 0.6)" cx="50" cy="50" r="35" />
  </mask>

  <mask id="myMask2" mask-type="luminance">
    <rect
      fill="rgb(10% 10% 10% / 0.4)"
      x="0"
      y="0"
      width="100%"
      height="100%" />
    <circle fill="rgb(90% 90% 90% / 0.6)" cx="50" cy="50" r="35" />
  </mask>

  <!-- The first rect is masked with an alpha mask -->
  <rect x="0" y="0" width="45" height="45" mask="url(#myMask1)" fill="red" />

  <!-- The last rect is masked with a luminance mask -->
  <rect x="55" y="0" width="45" height="45" mask="url(#myMask2)" fill="red" />
</svg>

mask

Для элемента <mask> атрибут mask-type определяет, будет ли содержимое элемента маски интерпретироваться как маска яркости или как альфа-маска.

alpha

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

luminance

Это значение указывает, что следует использовать значения яркости элемента <mask>; непрозрачность маскируемого объекта зависит от непрозрачности и светлоты маски. Непрозрачность маски luminance определяется каналами R, G, B и A маски с использованием уравнения ((0.2125 * R) + (0.7154 * G) + (0.0721 * B)) * A.

Спецификации

Совместимость с браузерами

См. также

• Свойство CSS mask-type
• Свойство CSS mask-mode
• Введение в маскирование CSS