Closed Bug 1247218 Opened 5 years ago Closed 2 years ago
svg: "vector-effect: non-scaling stroke" has no effect within a <g> that has a css transform
47 bytes, text/x-phabricator-request
|Details | Review|
User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36 Steps to reproduce: See http://codepen.io/anon/pen/vLvOpr with an SVG with two lines, both with 'non-scaling-stroke'. Each line is in a <g> with the same scale transform, one set by the "transform" attribute, the other by the "style" attribute. Actual results: The line is 1px wide within a <g> that has the "transform" attribute, but the second line is 10px where the <g> has the transform set via a "style" attribute. Expected results: Both lines 1px wide.
User agent: Mozilla/5.0(k 11;Linux k86_64) Apple web kit/537.36 (K HTML, like Gecko) Chrome/47.0.2526.106 Solution Look for the transform attribute as well as style attribute. Within the line, it is 1px which needs to have a transform attribute. Both lines in the HTML code needs to be 1px wide.
Assignee: nobody → violet.bugreport
Status: NEW → ASSIGNED
Pushed by email@example.com: https://hg.mozilla.org/integration/autoland/rev/4c5a5b50c951 Should consider CSS transform when using non-scaling-stroke r=longsonr
You need to log in before you can comment on or make changes to this bug.