Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mask on mask behavior #608

Closed
RazrFalcon opened this issue Dec 7, 2018 · 3 comments
Closed

Mask on mask behavior #608

RazrFalcon opened this issue Dec 7, 2018 · 3 comments

Comments

@RazrFalcon
Copy link

RazrFalcon commented Dec 7, 2018

https://www.w3.org/TR/css-masking-1/#the-mask

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"/>
    </linearGradient>

    <mask id="mask1">
        <rect id="rect1" x="40" y="40" width="120" height="120" fill="black"/>
    </mask>
    <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)"/>
    </mask>
    <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"/>
</svg>

e-mask-26

@dirkschulze
Copy link
Contributor

@RazrFalcon CSS Masking issues should be reported to a different repository:
https://github.com/w3c/fxtf-drafts/labels/css-masking-1

You can see which repository to take in the header of each specification.

@RazrFalcon
Copy link
Author

Can you move it there?

@dirkschulze
Copy link
Contributor

@RazrFalcon moved to w3c/fxtf-drafts#328

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants