CSS ماسک ٹائپ کئیپٹری

پچھلے ویں mask-size
پائیدھی ویں max-block-size

تعریف و استعمال

mask-type 属性 اس کا معنایف: SVG <mask> علامت کا معاملہ کیا جائے کہ یہ شفافیت کا ماسک ہو یا نہیں۔

اس کا استعمال SVG <mask> علامت کے لئے ہوتا ہے。

مثال

دو نمونوں کی دیکھ بھال کریں؛ ایک نمونہ mask-type: alpha، دیگر ایک استعمال کرتا ہے mask-type: luminance：

<svg width="200" height="120" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <mask id="mask1" maskContentUnits="objectBoundingBox" style="mask-type:alpha">
      <rect width="10" height="10" fill="red" fill-opacity="0.7" />
    </mask>
    <mask id="mask2" maskContentUnits="objectBoundingBox" style="mask-type:luminance">
      <rect width="10" height="10" fill="red" fill-opacity="0.7" />
    </mask>
  </defs>
</svg>

亲自试一试

CSS 语法

mask-type: luminance|alpha|initial|inherit;

属性值

值	描述
luminance	将遮罩图像视为亮度遮罩。默认值。
alpha	将遮罩图像视为 alpha 遮罩。
initial	将此属性设置为其默认值。参阅 initial。
inherit	从其父元素继承此属性。参阅 inherit。

技术细节

默认值：	luminance
继承性：	否
动画制作：	不支持。请参阅：动画相关属性。
版本：	CSS Masking Module Level 1
JavaScript 语法：	object.style.maskType="alpha"