[fxtf-drafts] [css-masking-1] Mask on mask behavior (#328)

dirkschulze has just created a new issue for https://github.com/w3c/fxtf-drafts:

== [css-masking-1] Mask on mask behavior ==
Moved from https://github.com/w3c/svgwg/issues/608, opened by @RazrFalcon 


I'm trying to understand how a `mask` element with a `mask` attribute/property should be rendered.

I've made a simple example, but no matter what I do - it still renders the same in all applications. Looks like everyone is simply ignoring the `mask` property. Does no one support it or am I missing something?

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">

    <linearGradient id="lg1">
        <stop offset="0" stop-color="white" stop-opacity="0"/>
        <stop offset="1" stop-color="black"/>

    <mask id="mask1">
        <rect id="rect1" x="40" y="40" width="120" height="120" fill="black"/>
    <mask id="mask2" mask="url(#mask1)" maskUnits="userSpaceOnUse" x="0" y="0" width="200" height="200">
        <rect id="rect1" x="20" y="20" width="160" height="160" fill="url(#lg1)"
              transform="rotate(90 100 100)"/>
    <rect id="rect2" x="20" y="20" width="160" height="160" fill="green" mask="url(#mask2)"/>

    <rect id="frame" x="1" y="1" width="198" height="198" fill="none" stroke="black"/>


Please view or discuss this issue at https://github.com/w3c/fxtf-drafts/issues/328 using your GitHub account

Received on Saturday, 8 December 2018 18:34:25 UTC