| 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)
|
|
|