RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 07:27:45 +00:00
Code Issues Activity Actions

LibWeb: Scale SVG stroke-width based on viewbox

Browse source 
This fixes the clipping of strokes in quite a few cases and now fixes
the Gartic Phone logo :^)

(Layout test updated but no visible changes there)
This commit is contained in:
MacDue 2023-04-15 15:32:17 +01:00 • committed by Andreas Kling
parent cb79c6bc2f
commit f9c61e3ba7
5 changed files with 33 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

36
Tests/LibWeb/Layout/expected/svg-transforms-and-viewboxes.txt
View file

@ -23,7 +23,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
SVGGraphicsBox <g> children: inline
TextNode <#text>
SVGGeometryBox <path> at (45.193222,199.330932) content-size 119.782173x48.453796 children: not-inline
SVGGeometryBox <path> at (45.693222,199.830932) content-size 118.782173x47.453796 children: not-inline
TextNode <#text>
TextNode <#text>
SVGGraphicsBox <g> children: inline
@ -34,63 +34,63 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
SVGSVGBox <svg> at (258,50) content-size 200x200 children: inline
TextNode <#text>
SVGGeometryBox <rect> at (267.5,59.5) content-size 31x21 children: not-inline
SVGGeometryBox <rect> at (268,60) content-size 30x20 children: not-inline
TextNode <#text>
SVGGeometryBox <rect> at (287.5,129.5) content-size 111x91 children: not-inline
SVGGeometryBox <rect> at (288,130) content-size 110x90 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (466,50) content-size 200x200 children: inline
TextNode <#text>
SVGGeometryBox <rect> at (505.5,89.5) content-size 121x121 children: not-inline
SVGGeometryBox <rect> at (506,90) content-size 120x120 children: not-inline
TextNode <#text>
SVGGeometryBox <rect> at (470.858978,89.5) content-size 190.282043x121 children: not-inline
SVGGeometryBox <rect> at (471.358978,90) content-size 189.282043x120 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (50,250) content-size 200x200 children: inline
TextNode <#text>
SVGGeometryBox <rect> at (120.088233,320.088256) content-size 59.823524x59.823528 children: not-inline
SVGGeometryBox <rect> at (120.588233,320.588256) content-size 58.823524x58.823528 children: not-inline
TextNode <#text>
TextNode <#text>
SVGGeometryBox <rect> at (51.943771,309.873626) content-size 69.144462x69.144454 children: not-inline
SVGGeometryBox <rect> at (52.443771,310.373626) content-size 68.144462x68.144454 children: not-inline
TextNode <#text>
TextNode <#text>
SVGGeometryBox <rect> at (178.911773,320.981903) content-size 69.14447x69.144462 children: not-inline
SVGGeometryBox <rect> at (179.411773,321.481903) content-size 68.14447x68.144462 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (258,250) content-size 200x200 children: inline
TextNode <#text>
TextNode <#text>
SVGGeometryBox <circle> at (277.5,269.5) content-size 161x161 children: not-inline
SVGGeometryBox <circle> at (278,270) content-size 160x160 children: not-inline
TextNode <#text>
TextNode <#text>
SVGGeometryBox <circle> at (337.5,269.5) content-size 41x161 children: not-inline
SVGGeometryBox <circle> at (338,270) content-size 40x160 children: not-inline
TextNode <#text>
TextNode <#text>
SVGGeometryBox <circle> at (277.5,329.5) content-size 161x41 children: not-inline
SVGGeometryBox <circle> at (278,330) content-size 160x40 children: not-inline
TextNode <#text>
TextNode <#text>
SVGGeometryBox <circle> at (337.5,329.5) content-size 41x41 children: not-inline
SVGGeometryBox <circle> at (338,330) content-size 40x40 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (466,250) content-size 200x200 children: inline
TextNode <#text>
SVGGeometryBox <rect> at (505.5,289.5) content-size 121x121 children: not-inline
SVGGeometryBox <rect> at (506,290) content-size 120x120 children: not-inline
TextNode <#text>
SVGGeometryBox <rect> at (505.5,254.858978) content-size 121x190.282043 children: not-inline
SVGGeometryBox <rect> at (506,255.358978) content-size 120x189.282043 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (50,450) content-size 200x200 children: inline
TextNode <#text>
TextNode <#text>
SVGGeometryBox <rect> at (59.5,459.5) content-size 81x81 children: not-inline
SVGGeometryBox <rect> at (60,460) content-size 80x80 children: not-inline
TextNode <#text>
TextNode <#text>
SVGGeometryBox <rect> at (159.5,459.5) content-size 81x81 children: not-inline
SVGGeometryBox <rect> at (160,460) content-size 80x80 children: not-inline
TextNode <#text>
TextNode <#text>
SVGGeometryBox <rect> at (59.5,559.5) content-size 81x81 children: not-inline
SVGGeometryBox <rect> at (60,560) content-size 80x80 children: not-inline
TextNode <#text>
TextNode <#text>
SVGGeometryBox <rect> at (159.5,559.5) content-size 81x81 children: not-inline
SVGGeometryBox <rect> at (160,560) content-size 80x80 children: not-inline
TextNode <#text>
TextNode <#text>