| <html> |
| <head> |
| <script> |
| |
| function init() |
| { |
| if (window.testRunner) |
| window.testRunner.dumpAsText(); |
| |
| var imgCanvas = document.getElementById("c1"); |
| var imgCanvas2 = document.getElementById("c2"); |
| |
| var imgCtx = imgCanvas.getContext("2d"); |
| var imgCtx2 = imgCanvas2.getContext("2d"); |
| imgCtx.fillStyle = '#0f0'; |
| imgCtx.fillRect(0,0,32,32); |
| |
| var newImage = new Image(); |
| newImage.src = imgCanvas.toDataURL(); |
| |
| imgCtx2.fillStyle = '#0f0'; |
| imgCtx2.fillRect(0,0,32,32); |
| imgCtx2.drawImageFromRect(newImage, |
| 0, 1, 1, 1, |
| 0, 0, 32, 32, 'source-over'); |
| |
| var result = document.getElementById("result"); |
| var data = imgCtx2.getImageData(0,0,1,1).data; |
| var red = data[0]; |
| var green = data[1]; |
| var blue = data[2]; |
| var alpha = data[3]; |
| if (red != 0 || green != 255 || blue != 0 || alpha != 255) |
| result.innerHTML = "FAILED"; |
| else |
| result.innerHTML = "PASSED"; |
| } |
| |
| </script> |
| </head> |
| <body onload="init()"> |
| <canvas id="c1" width="32px" height="32px"></canvas> |
| <canvas id="c2" width="32px" height="32px"></canvas> |
| <a>This test exercises a webkit specific canvas routine drawImageFromRect. This test should pass and never crash. <rdar://problem/9125032> </a> |
| <a id="result"></a> |
| </body> |
| </html> |
