LayoutTests/css3/compositing/svg-blend-layer-shadow.html - Issue 17115010: Add support for element blending to SVG

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Unified Diff: LayoutTests/css3/compositing/svg-blend-layer-shadow.html

Issue 17115010: Add support for element blending to SVG (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Added test files for webkit-svg-shadow Created 7 years, 5 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:

Index: LayoutTests/css3/compositing/svg-blend-layer-shadow.html

diff --git a/LayoutTests/css3/compositing/svg-blend-layer-shadow.html b/LayoutTests/css3/compositing/svg-blend-layer-shadow.html

new file mode 100644

index 0000000000000000000000000000000000000000..247e2f259e952feaca769d18aa6532e6fc0baba1

--- /dev/null

+++ b/LayoutTests/css3/compositing/svg-blend-layer-shadow.html

@@ -0,0 +1,19 @@

+<!DOCTYPE HTML>

+<html>

+<body>

+<p>Test for isolation caused by a webkit-svg-shadow. This test passes if the whole rectangle is green.</p>

+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" >

+<defs>

+ <mask id="msk">

+ <rect x="10" y="10" width="20" height="20" />

+ </mask>

+</defs>

+<g transform="scale(4 4)">

+ <rect x="0" y="0" width="40" height="40" fill="rgb(0,255,0)"/>

+ <g style="-webkit-svg-shadow:0px 0px 1px rgba(0,0,0,0);">

+ <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>

+ </g>

+</g>

+</svg>

+</body>

+</html>