LibWeb: Add screenshot test for canvas-shadow

This commit is contained in:
uysalibov 2024-10-21 16:16:44 +03:00 committed by Andrew Kaster
parent 34f7bf979d
commit e537adad77
Notes: github-actions[bot] 2024-10-23 18:44:49 +00:00
3 changed files with 39 additions and 0 deletions

View file

@ -0,0 +1,30 @@
<link rel="match" href="reference/canvas-shadow-ref.html" />
<style>
* {
margin: 0;
}
body {
background-color: white;
}
</style>
<canvas width=800 height=600></canvas>
<script>
const canvas = document.querySelector("canvas");
const ctx = canvas.getContext("2d");
// Shadow
ctx.shadowColor = "LightCoral";
ctx.shadowOffsetX = 15;
ctx.shadowOffsetY = 15;
// Filled rectangle
ctx.fillStyle = "red";
ctx.fillRect(20, 10, 100, 100);
// Stroked rectangle
ctx.lineWidth = 4;
ctx.strokeStyle = "red";
ctx.strokeRect(170, 10, 100, 100);
</script>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

View file

@ -0,0 +1,9 @@
<style>
* {
margin: 0;
}
body {
background-color: white;
}
</style>
<img src="../images/canvas-shadow-ref.png">