Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->
<meta charset="UTF-8">
<title>OffscreenCanvas test: 2d.imageData.createImageBitmap.p3.rgba.unorm8</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/html/canvas/resources/canvas-tests.js"></script>
<h1>2d.imageData.createImageBitmap.p3.rgba.unorm8</h1>
<p class="desc">Verify round-trip of 8-bit P3 data ImageData through ImageBitmap</p>
<script>
promise_test(async t => {
var canvas = new OffscreenCanvas(100, 50);
var ctx = canvas.getContext('2d', {colorSpace: "srgb", colorType:"float16"});
const expectedColor = [ 255, 0, 0, 255 ];
var imageData = new ImageData(10, 10, {colorSpace:"display-p3", pixelFormat:"rgba-unorm8"});
for (let y = 0; y < imageData.height; ++y) {
for (let x = 0; x < imageData.width; ++x) {
for (let c = 0; c < 4; ++c) {
imageData.data[4*(x + y*imageData.width) + c] = expectedColor[c];
}
}
}
var bitmap = await createImageBitmap(imageData);
ctx.drawImage(bitmap, 0, 0);
var pixel = ctx.getImageData(0, 0, 1, 1, {colorSpace:"display-p3", pixelFormat:"rgba-unorm8"});
for (let c = 0; c < 4; ++c) {
assert_approx_equals(pixel.data[c], expectedColor[c], 2);
}
}, "Verify round-trip of 8-bit P3 data ImageData through ImageBitmap");
</script>