RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-10-31 07:32:44 +00:00
Code Issues Activity Actions

LibWeb: Make use of transform-box when calculating transforms

Browse source 
We don't currently calculate the fill- or stroke-boxes of SVG elements,
so for now we use the content- and border-boxes respectively, as those
are the closest equivalents. The test will need updating when we do
support them.

Also, the test is a screenshot because of rendering differences when
applying transforms: a 20px box does not get painted the same as a 10px
box scaled up 2x. Otherwise that would be the more ideal form of test.
This commit is contained in:
Sam Atkins 2024-01-26 15:56:25 +00:00 • committed by Andreas Kling
parent 391cfdc085
commit e025bcc4f9
4 changed files with 117 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
Tests/LibWeb/Ref/reference/css-transform-box-ref.html Normal file
View file

@ -0,0 +1,15 @@
<style>
* {
margin: 0;
}
body {
background-color: white;
}
</style>
<!-- To rebase:
1. Open css-backgrounds.html in Ladybird
2. Resize the window just above the width of the largest element
3. Right click > "Take Full Screenshot"
4. Update the image below:
-->
<img src="./images/css-transform-box-ref.png">