Index: third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-pattern-svg-fragment.html |
diff --git a/third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-pattern-svg-fragment.html b/third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-pattern-svg-fragment.html |
index 55635b4c1a5864bf3693a753c6899d13381502a1..361311c3619522b27d7104b274c59dc1a3cd3b4c 100644 |
--- a/third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-pattern-svg-fragment.html |
+++ b/third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-pattern-svg-fragment.html |
@@ -1,6 +1,20 @@ |
<!DOCTYPE html> |
<title>createPattern() 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++) { |
+ var pattern = context.createPattern(newImages[i], "repeat"); |
+ context.fillStyle = pattern; |
+ context.fillRect((i+3)*60, (i+3)*60, 120, 120); |
+ } |
+ } |
+ } |
+ |
onload = function() { |
var context = document.getElementsByTagName('canvas')[0].getContext('2d'); |
var images = document.getElementsByTagName('img'); |
@@ -13,11 +27,9 @@ |
for (var i = 0; i < images.length; i++) { |
/* Draw new image with src from DOM */ |
- var newImage = new Image(); |
- newImage.src = images[i].src; |
- var pattern = context.createPattern(newImage, "repeat"); |
- context.fillStyle = pattern; |
- context.fillRect((i+3)*60, (i+3)*60, 120, 120); |
+ newImages[i] = new Image(); |
+ newImages[i].onload = imageOnLoad; |
+ newImages[i].src = images[i].src; |
} |
while (images.length) |