| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <body> | 3 <body> |
| 4 <script src="../resources/runner.js"></script> | 4 <script src="../resources/runner.js"></script> |
| 5 <script> | 5 <script> |
| 6 | 6 |
| 7 var source = document.createElement("canvas"); | 7 var source = document.createElement("canvas"); |
| 8 source.width = 300; | 8 source.width = 300; |
| 9 source.height = 150; | 9 source.height = 150; |
| 10 source.getContext("2d").fillStyle = 'green'; | 10 source.getContext("2d").fillStyle = 'green'; |
| 11 source.getContext("2d").fillRect(0, 0, source.width, source.height); | 11 source.getContext("2d").fillRect(0, 0, source.width, source.height); |
| 12 | 12 |
| 13 var target = document.createElement("canvas"); | 13 var target = document.createElement("canvas"); |
| 14 target.width = source.width; | 14 target.width = source.width; |
| 15 target.height = source.height; | 15 target.height = source.height; |
| 16 var context = target.getContext("2d") | 16 var context = target.getContext("2d") |
| 17 | 17 |
| 18 PerfTestRunner.measureRunsPerSecond({run: function() { | 18 PerfTestRunner.measureRunsPerSecond({run: function() { |
| 19 context.drawImage(source, 0, 0); | 19 context.drawImage(source, 10.5, 10.5, 200, 200); |
| 20 }}); | 20 }}); |
| 21 </script> | 21 </script> |
| 22 </body> | 22 </body> |
| 23 </html> | 23 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 210043004:
Draw thin slices of an image w/ anti-aliasing for 2D <canvas> (Closed)
Base URL: svn://svn.chromium.org/blink/trunk