<!DOCTYPE html >
<html class="reftest-wait" >
<meta charset="utf-8" >
<title >Test for Bug 1972885 </title >
<style >
body {
margin: 0 ;
}
canvas {
/* Height would round up to 101 px, but subpixel snaps to 100 . */
margin-top: 1 .6 px;
width: 100 px;
height: 100 .5 px;
}
</style >
<canvas id="canvas" ></canvas >
<script >
function draw(canvas , width, height) {
const ctx = canvas .getContext('2d' );
canvas .width = width;
canvas .height = height;
const imgData = ctx.createImageData(width, height);
const u32View = new Uint32Array(imgData.data.buffer);
u32View.fill(0 xFFFFFFFF);
for (let y = 0 ; y < height; y += 2 ) {
for (let x = 0 ; x < width; x++) {
u32View[y * width + x] = 0 xFF000000;
}
}
ctx.putImageData(imgData, 0 , 0 );
}
const ro = new ResizeObserver((entries) => {
for (const entry of entries) {
if (entry.target !== canvas ) {
continue;
}
draw(
canvas ,
entry.devicePixelContentBoxSize[0 ].inlineSize,
entry.devicePixelContentBoxSize[0 ].blockSize);
}
document.documentElement.removeAttribute("class" );
});
// Get the properly subpixel snapped size through ResizeObserver.
ro.observe(canvas );
</script >
Messung V0.5 in Prozent C=100 H=100 G=100
¤ Dauer der Verarbeitung: 0.16 Sekunden
(vorverarbeitet am 2026-06-09)
¤
*© Formatika GbR, Deutschland