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

LibWeb: Implement rotation transform functions from css-transforms-2

Browse source
This commit is contained in:
Luke Wilde 2022-10-01 01:57:13 +01:00 • committed by Andreas Kling
parent ddfe18783b
commit 0fdd924db2
2 changed files with 18 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
Userland/Libraries/LibWeb/CSS/TransformFunctions.json
View file

@ -23,6 +23,15 @@
"rotate": { "rotate": {
"parameters": "<angle>" "parameters": "<angle>"
}, },
"rotateX": {
"parameters": "<angle>"
},
"rotateY": {
"parameters": "<angle>"
},
"rotateZ": {
"parameters": "<angle>"
},
"skew": { "skew": {
"parameters": "<angle>{1,2}" "parameters": "<angle>{1,2}"
}, },

9
Userland/Libraries/LibWeb/Painting/StackingContext.cpp
View file

@ -251,7 +251,16 @@ Gfx::FloatMatrix4x4 StackingContext::get_transformation_matrix(CSS::Transformati
0, 0, 1, 0, 0, 0, 1, 0,
0, 0, 0, 1); 0, 0, 0, 1);
break; break;
case CSS::TransformFunction::RotateX:
if (count == 1)
return Gfx::rotation_matrix({ 1.0f, 0.0f, 0.0f }, value(0));
break;
case CSS::TransformFunction::RotateY:
if (count == 1)
return Gfx::rotation_matrix({ 0.0f, 1.0f, 0.0f }, value(0));
break;
case CSS::TransformFunction::Rotate: case CSS::TransformFunction::Rotate:
case CSS::TransformFunction::RotateZ:
if (count == 1) if (count == 1)
return Gfx::rotation_matrix({ 0.0f, 0.0f, 1.0f }, value(0)); return Gfx::rotation_matrix({ 0.0f, 0.0f, 1.0f }, value(0));
break; break;