mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-30 19:47:17 +02:00
34e99c2611
We don't actually have the ability to differentiate between architectures in the fuzzy config, so increase the upper range of the total number of error pixels for this specific tests. Visually the results are still the same between platforms/architectures.
39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<meta name="fuzzy" content="maxDifference=0-93; totalPixels=0-53145">
|
|
<link rel="match" href="../expected/canvas-pattern-transform-ref.html" />
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
background-color: white;
|
|
}
|
|
|
|
canvas {
|
|
border: 2px solid black;
|
|
margin: 5px;
|
|
padding: 5px;
|
|
}
|
|
</style>
|
|
|
|
<canvas data-type="img" data-repeat="repeat" width="250" height="250"></canvas>
|
|
<canvas data-type="img" data-repeat="repeat-x" width="250" height="250"></canvas>
|
|
<canvas data-type="img" data-repeat="repeat-y" width="250" height="250"></canvas>
|
|
<canvas data-type="img" data-repeat="no-repeat" width="250" height="250"></canvas>
|
|
|
|
<script>
|
|
const img = new Image();
|
|
img.onload = () => {
|
|
for (const canvas of document.querySelectorAll('canvas[data-type=img]')) {
|
|
const ctx = canvas.getContext('2d');
|
|
const pattern = ctx.createPattern(img, canvas.getAttribute('data-repeat'));
|
|
const matrix = new DOMMatrix([1, 0.2, 0.8, 1, 0, 0]);
|
|
pattern.setTransform(matrix);
|
|
ctx.fillStyle = pattern;
|
|
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
|
}
|
|
};
|
|
img.src = '../data/car.png';
|
|
</script>
|