eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-05-03 04:52:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Add initial support for bitmap cropping to createImageBitmap

Browse Source
This commit is contained in:
Idan Horowitz
2025-08-04 16:31:56 +03:00
committed by Jelle Raaijmakers
parent e81c33da42
commit aeb7b442d3
Notes: github-actions[bot] 2025-08-04 21:40:22 +00:00 
Author: https://github.com/IdanHo
Commit: https://github.com/LadybirdBrowser/ladybird/commit/aeb7b442d34
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/5702
Reviewed-by: https://github.com/gmta ✅
5 changed files with 216 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
Tests/LibWeb/Text/input/wpt-import/html/canvas/element/manual/imagebitmap/createImageBitmap-bounds.html Normal file
View File

@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html>
<title>createImageBitmap: clipping to the bitmap</title>
<script src="../../../../../resources/testharness.js"></script>
<script src="../../../../../resources/testharnessreport.js"></script>
<script src="../../../../../html/canvas/resources/canvas-tests.js"></script>
<div id="results"></div>
<script>
const color = 204;
function testClip( name, sx, sy, sw, sh, expectedColors, expectedWidth, expectedHeight ) {
promise_test(function(t) {
return new Promise(function(resolve, reject) {
const image = new Image();
image.onload = function() { resolve(image); };
image.onerror = function() { reject(); };
image.src = "../../../../../images/green-16x16.png";
}).then(function(image) {
return createImageBitmap(image, sx, sy, sw, sh);
}).then(function(imageBitmap) {
assert_equals(imageBitmap.width, expectedWidth);
assert_equals(imageBitmap.height, expectedHeight);
const canvas = document.createElement("canvas");
canvas.width = 16;
canvas.height = 16;
// debug
document.getElementById("results").append(canvas);
canvas.setAttribute("style", "width: 100px; height: 100px;");
const ctx = canvas.getContext("2d");
ctx.fillStyle = `rgb(${color}, ${color}, ${color})`;
ctx.fillRect(0, 0, 20, 20);
ctx.drawImage(imageBitmap, 0, 0);
for (let [x, y, r, g, b, a] of expectedColors) {
_assertPixel(canvas, x,y, r,g,b,a);
}
});
}, name);
}
testClip( "simple clip inside",
8, 8, 8, 8, [
[ 4, 4, 0,255,0,255], [12, 4, color,color,color,255],
[ 4, 12, color,color,color,255], [12, 12, color,color,color,255]
], 8, 8
);
testClip( "clip outside negative",
-8, -8, 16, 16, [
[ 4, 4, color,color,color,255], [12, 4, color,color,color,255],
[ 4, 12, color,color,color,255], [12, 12, 0,255,0,255]
], 16, 16
);
testClip( "clip outside positive",
8, 8, 16, 16, [
[ 4, 4, 0,255,0,255], [12, 4, color,color,color,255],
[ 4, 12, color,color,color,255], [12, 12, color,color,color,255]
], 16, 16
);
testClip( "clip inside using negative width and height",
24, 24, -16, -16, [
[ 4, 4, 0,255,0,255], [12, 4, color,color,color,255],
[ 4, 12, color,color,color,255], [12, 12, color,color,color,255]
], 16, 16
);
</script>