ladybird/Tests/LibWeb/Text/input/canvas/fillStyle-serialization.html

<!DOCTYPE html>
<script src="../include.js"></script>
<canvas id="c" width=300 height=300></canvas>
<script>
    test(() => {
        let x = c.getContext("2d");

        function go(color) {
            x.fillStyle = color;
            println("`" + color + "` -> `" + x.fillStyle + "`");
        }

        go("green");
        go("rgba(128, 128, 128, 0.4)");
        go("rgba(128, 128, 128, 0)");
        go("rgba(128, 128, 128, 1)");
        go("rgb(128, 128, 128)");
    });
</script>
Meta: Add DOCTYPEs to most text tests 2025-03-18 19:28:35 +01:00			`<!DOCTYPE html>`
LibWeb+LibGfx: Serialize HTML canvas fill/strokeStyle colors correctly Before this change we were serializing them in a bogus 8-digit hex color format that isn't actually recognized by HTML. This code will need more work when we start supporting color spaces other than sRGB. 2024-10-04 14:10:07 +02:00			`<script src="../include.js"></script>`
			`<canvas id="c" width=300 height=300></canvas>`
			`<script>`
			`test(() => {`
			`let x = c.getContext("2d");`

			`function go(color) {`
			`x.fillStyle = color;`
			println("`" + color + "` -> `" + x.fillStyle + "`");
			`}`

			`go("green");`
			`go("rgba(128, 128, 128, 0.4)");`
			`go("rgba(128, 128, 128, 0)");`
			`go("rgba(128, 128, 128, 1)");`
			`go("rgb(128, 128, 128)");`
			`});`
			`</script>`