Chromium Code Reviews Chromium Code Reviews
Issue 1577843002:
Fix SVG sizing in crossfaded images (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| 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..d6d5063443627a8b93a42d2c319d4ef986d5208e |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html |
| @@ -0,0 +1,17 @@ |
| +<!DOCTYPE html> |
| +<title>Test SVG in -webkit-cross-fade image with identical but differently sized SVG elsewhere</title> |
| +<style> |
| + #tst { |
| + 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='green'/></svg>"), 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.
|
| + } |
| + #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 two green circles. One smaller than the other. |
| +<div id=ref></div> |
| +<div id=tst></div> |
