| <!DOCTYPE html> |
| <canvas id="canvas" width="100" height="100"></canvas> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsTextWithPixelResults(); |
| |
| var source = document.createElement('canvas'); |
| source.width = 50; |
| source.height = 50; |
| var sCtx = source.getContext('2d'); |
| sCtx.fillStyle = '#FF0000'; |
| sCtx.fillRect(0, 0, 50, 50); |
| |
| var canvas = document.getElementById('canvas'); |
| var ctx = canvas.getContext('2d'); |
| ctx.scale(1.5, 0.5); |
| ctx.rotate(10 * Math.PI / 180); |
| ctx.drawImage(source, 0, 0, 50, 50, 10, 10, 80, 80); |
| </script> |
