<!DOCTYPE html> <title>Test ImageDecoder outputs to a image-orientation: none canvas.</title> <canvas style="image-orientation: none"></canvas> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/webcodecs/image-decoder-utils.js"></script> <script> promise_test(t => { return testFourColorDecodeWithExifOrientation( 1, document.querySelector('canvas')); }, 'Test JPEG w/ EXIF orientation top-left on canvas w/o orientation'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 2, document.querySelector('canvas')); }, 'Test JPEG w/ EXIF orientation top-right on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 3, document.querySelector('canvas')); }, 'Test JPEG w/ EXIF orientation bottom-right on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 4, document.querySelector('canvas')); }, 'Test JPEG w/ EXIF orientation bottom-left on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 5, document.querySelector('canvas')); }, 'Test JPEG w/ EXIF orientation left-top on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 6, document.querySelector('canvas')); }, 'Test JPEG w/ EXIF orientation right-top on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 7, document.querySelector('canvas')); }, 'Test JPEG w/ EXIF orientation right-bottom on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 8, document.querySelector('canvas')); }, 'Test JPEG w/ EXIF orientation left-bottom on canvas w/o orientation.'); // YUV tests promise_test(t => { return testFourColorDecodeWithExifOrientation( 1, document.querySelector('canvas'), /*useYuv=*/true); }, 'Test 4:2:0 JPEG w/ EXIF orientation top-left on canvas w/o orientation'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 2, document.querySelector('canvas'), /*useYuv=*/true); }, 'Test 4:2:0 JPEG w/ EXIF orientation top-right on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 3, document.querySelector('canvas'), /*useYuv=*/true); }, 'Test 4:2:0 JPEG w/ EXIF orientation bottom-right on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 4, document.querySelector('canvas'), /*useYuv=*/true); }, 'Test 4:2:0 JPEG w/ EXIF orientation bottom-left on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 5, document.querySelector('canvas'), /*useYuv=*/true); }, 'Test 4:2:0 JPEG w/ EXIF orientation left-top on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 6, document.querySelector('canvas'), /*useYuv=*/true); }, 'Test 4:2:0 JPEG w/ EXIF orientation right-top on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 7, document.querySelector('canvas'), /*useYuv=*/true); }, 'Test 4:2:0 JPEG w/ EXIF orientation right-bottom on canvas w/o orientation.'); promise_test(t => { return testFourColorDecodeWithExifOrientation( 8, document.querySelector('canvas'), /*useYuv=*/true); }, 'Test 4:2:0 JPEG w/ EXIF orientation left-bottom on canvas w/o orientation.'); </script>