Index: third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-image-svg-fragment.html |
diff --git a/third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-image-svg-fragment.html b/third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-image-svg-fragment.html |
index 831729c839ab64eb1a8f3ea81b0ca5fa61b49615..f59a0da7dbc04033b2351ba9e838b4efd970a6d3 100644 |
--- a/third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-image-svg-fragment.html |
+++ b/third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-image-svg-fragment.html |
@@ -1,13 +1,23 @@ |
<!DOCTYPE html> |
<title>drawImage() with SVG fragments</title> |
<script> |
+ var newImages = [undefined, undefined, undefined]; |
+ var newImagesLoadedCount = 0; |
+ function imageOnLoad() { |
+ newImagesLoadedCount++; |
+ if (newImagesLoadedCount == 3) { |
+ var context = document.getElementsByTagName('canvas')[0].getContext('2d'); |
+ for (var i = 0; i < newImages.length; i++) { |
+ context.drawImage(newImages[i], i*60, i*60, 120, 120); |
+ } |
+ } |
+ } |
onload = function() { |
- var context = document.getElementsByTagName('canvas')[0].getContext('2d'); |
var images = document.getElementsByTagName('img'); |
for (var i = 0; i < images.length; i++) { |
- var newImage = new Image(); |
- newImage.src = images[i].src; |
- context.drawImage(newImage, i*60, i*60, 120, 120); |
+ newImages[i] = new Image(); |
+ newImages[i].onload = imageOnLoad; |
+ newImages[i].src = images[i].src; |
} |
while (images.length) |
document.body.removeChild(images.item(0)); |