| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <script> |
| description("Test canvas createImageData()"); |
| |
| ctx = document.createElement('canvas').getContext('2d'); |
| |
| shouldThrowErrorName("ctx.createImageData(null)", "TypeError"); |
| |
| // create a 100x50 imagedata and fill it with white pixels |
| |
| imageData = ctx.createImageData(100, 50); |
| |
| for (i = 0; i < imageData.data.length; ++i) |
| imageData.data[i] = 255; |
| |
| shouldBe("imageData.width", "100"); |
| shouldBe("imageData.height", "50"); |
| shouldBe("imageData.data[32]", "255"); |
| |
| // createImageData(imageData) should create a new ImageData of the same size as 'imageData' |
| // but filled with transparent black |
| |
| sameSizeImageData = ctx.createImageData(imageData); |
| shouldBe("sameSizeImageData.width", "100"); |
| shouldBe("sameSizeImageData.height", "50"); |
| shouldBe("sameSizeImageData.data[32]", "0"); |
| |
| // createImageData(width, height) takes the absolute magnitude of the size arguments |
| |
| imgdata1 = ctx.createImageData(10, 20); |
| imgdata2 = ctx.createImageData(-10, 20); |
| imgdata3 = ctx.createImageData(10, -20); |
| imgdata4 = ctx.createImageData(-10, -20); |
| |
| shouldBe("imgdata1.data.length", "800"); |
| shouldBe("imgdata1.data.length", "imgdata2.data.length"); |
| shouldBe("imgdata2.data.length", "imgdata3.data.length"); |
| shouldBe("imgdata3.data.length", "imgdata4.data.length"); |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
