Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /html/canvas/element/manual/imagebitmap/imageBitmap-from-imageData-no-image-rotation.html - WPT Dashboard Interop Dashboard
<html>
<link rel="match" href="imageBitmap-from-imageData-no-image-rotation-expected.html" />
<style type="text/css">
canvas {
image-orientation: none;
}
</style>
<body>
<canvas id="myCanvas" width="400" height="400"></canvas>
</body>>
<script>
var canvas = document.getElementById('myCanvas');
ctx = canvas.getContext('2d');
image = document.createElement("img");
image.src = "../../../resources/black_white.png"
image.onload = function() {
Promise.all([
// The image should be flipped and ignoring "image-orientation" setting
// in css style.
createImageBitmap(image, { imageOrientation: 'flipY' }),
]).then(function(sprites) {
// Draw image onto the canvas
ctx.drawImage(sprites[0], 0, 0);
});
}
</script>