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

Side by Side Diff: third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html

Issue 1577843002: Fix SVG sizing in crossfaded images (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 11 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
(Empty)
1 <!DOCTYPE html>
2 <title>Test SVG in -webkit-cross-fade image with identical but differently sized SVG elsewhere</title>
3 <style>
4 #tst {
5 width: 100px;
6 height: 100px;
7 background-image: -webkit-cross-fade(url("data:image/svg+xml,<svg viewBo x='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='35 ' fill='green'/></svg>"), url("data:image/svg+xml,<svg viewBox='0 0 100 100' xml ns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='25' fill='green'/></s vg>"), 0);
fs 2016/01/11 15:26:46 (A test with the 'percentage' argument having a va
davve 2016/01/11 16:02:43 Done.
fs 2016/01/11 16:05:44 Thanks.
8 }
9 #ref {
10 background-image: url("data:image/svg+xml,<svg viewBox='0 0 100 100' xml ns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='35' fill='green'/></s vg>");
11 width: 300px;
12 height: 300px;
13 }
14 </style>
15 <p>There should be two green circles. One smaller than the other.
16 <div id=ref></div>
17 <div id=tst></div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698