Issue metadata
Sign in to add a comment
|
Simple SVG Mask not displaying correctly
Reported by
michael....@gmail.com,
Sep 14 2017
|
||||||||||||||||||||
Issue description
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36
Steps to reproduce the problem:
<svg width="400" height="400">
<defs>
<mask id="imask" x="0%" y="0%" width="100%" height="100%">
<circle r="150" cx="150" cy="150" fill="white" />
</mask>
</defs>
<g mask="url(#imask)">
<rect fill="#B00" x="50" y="50" width="300" height="300"></rect>
</g>
</svg>
What is the expected behavior?
Rectangle should be masked by the circle specified in the mask
What went wrong?
A strip of the original shape is painted below the masking shape.
Did this work before? Yes Masks used to work properly - don't know exactly which version
Does this work in other browsers? Yes
Chrome version: 60.0.3112.113 Channel: stable
OS Version: 10.0
Flash Version:
came from a stackoverflow question
,
Sep 14 2017
Your example works for me but it's possible there are OS or hardware differences between our setups. Can you try this url? http://output.jsbin.com/sulule/quiet It looks like you're one version of Chrome behind. Can you try upgrading to 61 and see if it still reproduces? If it does reproduce with Chrome 61, please go to "chrome://gpu", file>save as, and attach the result here.
,
Sep 14 2017
This bug can't be reproduced once I upgrade to Chrome 61. Should be closed.
,
Sep 14 2017
No worries, thanks for taking the time to file a bug. |
|||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||
Comment 1 by michael....@gmail.com
, Sep 14 2017