Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(368)

Unified Diff: third_party/WebKit/LayoutTests/svg/canvas/canvas-draw-pattern-svg-fragment.html

Issue 1833303002: [Not committed] Make image load completion async and remove EventSender from ImageLoader (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@Loader_asyncImageLoadEvent_1
Patch Set: Rebase. Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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)

Powered by Google App Engine
This is Rietveld 408576698