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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/backgrounds/background-svg-scaling-zoom.html

Issue 2323853002: SVGImageForContainer::imageForCurrentFrame() needs to account for zoom (Closed)
Patch Set: expectations Created 4 years, 3 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 unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 2
3 <style> 3 <style>
4 4
5 body {
6 zoom: 0.5;
7 }
8
5 div { 9 div {
6 display: inline-block; 10 display: inline-block;
7 border-radius: 1px; 11 border-radius: 1px;
8 background-image: url('data:image/svg+xml,\ 12 background-image: url('data:image/svg+xml,\
9 <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 10 10" stroke="green" stroke-width="2">\ 13 <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 10 10" stroke="green" stroke-width="2">\
10 <line x1="0" y1="0" x2="10" y2="10"/>\ 14 <line x1="0" y1="0" x2="10" y2="10"/>\
11 <line x1="10" y1="0" x2="0" y2="10"/>\ 15 <line x1="10" y1="0" x2="0" y2="10"/>\
12 </svg>'); 16 </svg>');
13 } 17 }
14 </style> 18 </style>
15 19
16 <body> 20 <body>
17 <div style="width: 50px; height: 50px; background-size: 100px;"></div> 21 <div style="width: 50px; height: 50px; background-size: 100px;"></div>
18 <div style="width: 50px; height: 50px; background-size: 50px;"></div> 22 <div style="width: 50px; height: 50px; background-size: 50px;"></div>
19 <div style="width: 50px; height: 50px; background-size: 25px;"></div> 23 <div style="width: 50px; height: 50px; background-size: 25px;"></div>
20 <br> 24 <br>
21 25
22 <div style="width: 100px; height: 100px; background-size: 200px;"></div> 26 <div style="width: 100px; height: 100px; background-size: 200px;"></div>
23 <div style="width: 100px; height: 100px; background-size: 100px;"></div> 27 <div style="width: 100px; height: 100px; background-size: 100px;"></div>
24 <div style="width: 100px; height: 100px; background-size: 50px;"></div> 28 <div style="width: 100px; height: 100px; background-size: 50px;"></div>
25 <br> 29 <br>
26 30
27 <div style="width: 200px; height: 200px; background-size: 400px;"></div> 31 <div style="width: 200px; height: 200px; background-size: 400px;"></div>
28 <div style="width: 200px; height: 200px; background-size: 200px;"></div> 32 <div style="width: 200px; height: 200px; background-size: 200px;"></div>
29 <div style="width: 200px; height: 200px; background-size: 100px;"></div> 33 <div style="width: 200px; height: 200px; background-size: 100px;"></div>
30 <br> 34 <br>
31 35
32 </body> 36 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698