| Index: third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html
|
| diff --git a/third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html b/third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..ce6c7bd874e1f0018937c0db34de38669cd7f98d
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html
|
| @@ -0,0 +1,23 @@
|
| +<!DOCTYPE html>
|
| +<title>Test SVG in -webkit-cross-fade image with identical but differently sized SVG elsewhere</title>
|
| +<style>
|
| + #tst1 {
|
| + width: 100px;
|
| + height: 100px;
|
| + background-image: -webkit-cross-fade(url("data:image/svg+xml,<svg viewBox='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' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='25' fill='red'/></svg>"), 0);
|
| + }
|
| + #tst2 {
|
| + width: 100px;
|
| + height: 100px;
|
| + background-image: -webkit-cross-fade(url("data:image/svg+xml,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='25' fill='red'/></svg>"), url("data:image/svg+xml,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='35' fill='green'/></svg>"), 1);
|
| + }
|
| + #ref {
|
| + background-image: url("data:image/svg+xml,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='35' fill='green'/></svg>");
|
| + width: 300px;
|
| + height: 300px;
|
| + }
|
| +</style>
|
| +<p>There should be three circle below. One big and two small ones.
|
| +<div id=ref></div>
|
| +<div id=tst1></div>
|
| +<div id=tst2></div>
|
|
|
Chromium Code Reviews
Issue 1577843002:
Fix SVG sizing in crossfaded images (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master