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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/css3/filters/effect-reference-composite.html

Issue 1235293003: Implement filter effects region for reference filters. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Fixes per review comments Created 5 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:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/css3/filters/effect-reference-colorspace-hw.html ('k') | LayoutTests/css3/filters/effect-reference-composite-hw.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> 1 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1">
2 <defs> 2 <defs>
3 <filter id="over" color-interpolation-filters="sRGB"> 3 <filter id="over" color-interpolation-filters="sRGB" x="0%" y="0%" width="11 5%" height="115%">
4 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 4 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
5 <feOffset dx="10" dy="10"/> 5 <feOffset dx="10" dy="10"/>
6 <feComposite in2="transp" operator="over"/> 6 <feComposite in2="transp" operator="over"/>
7 </filter> 7 </filter>
8 <filter id="in" color-interpolation-filters="sRGB"> 8 <filter id="in" color-interpolation-filters="sRGB" x="0%" y="0%" width="115% " height="115%">
9 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 9 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
10 <feOffset dx="10" dy="10"/> 10 <feOffset dx="10" dy="10"/>
11 <feComposite in2="transp" operator="in"/> 11 <feComposite in2="transp" operator="in"/>
12 </filter> 12 </filter>
13 <filter id="out" color-interpolation-filters="sRGB"> 13 <filter id="out" color-interpolation-filters="sRGB" x="0%" y="0%" width="115 %" height="115%">
14 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 14 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
15 <feOffset dx="10" dy="10"/> 15 <feOffset dx="10" dy="10"/>
16 <feComposite in2="transp" operator="out"/> 16 <feComposite in2="transp" operator="out"/>
17 </filter> 17 </filter>
18 <filter id="atop" color-interpolation-filters="sRGB"> 18 <filter id="atop" color-interpolation-filters="sRGB" x="0%" y="0%" width="11 5%" height="115%">
19 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 19 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
20 <feOffset dx="10" dy="10"/> 20 <feOffset dx="10" dy="10"/>
21 <feComposite in2="transp" operator="atop"/> 21 <feComposite in2="transp" operator="atop"/>
22 </filter> 22 </filter>
23 <filter id="xor" color-interpolation-filters="sRGB"> 23 <filter id="xor" color-interpolation-filters="sRGB" x="0%" y="0%" width="115 %" height="115%">
24 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 24 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
25 <feOffset dx="10" dy="10"/> 25 <feOffset dx="10" dy="10"/>
26 <feComposite in2="transp" operator="xor"/> 26 <feComposite in2="transp" operator="xor"/>
27 </filter> 27 </filter>
28 <filter id="arithmetic" color-interpolation-filters="sRGB"> 28 <filter id="arithmetic" color-interpolation-filters="sRGB" x="0%" y="0%" wid th="115%" height="115%">
29 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 29 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
30 <feOffset dx="10" dy="10"/> 30 <feOffset dx="10" dy="10"/>
31 <feComposite in2="transp" operator="arithmetic" k1="0" k2="1" k3="1" k4="0 "/> 31 <feComposite in2="transp" operator="arithmetic" k1="0" k2="1" k3="1" k4="0 "/>
32 </filter> 32 </filter>
33 <filter id="over-subregion" color-interpolation-filters="sRGB"> 33 <filter id="over-subregion" color-interpolation-filters="sRGB" x="0%" y="0%" width="115%" height="115%">
34 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 34 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
35 <feOffset dx="10" dy="10"/> 35 <feOffset dx="10" dy="10"/>
36 <feComposite in2="transp" operator="over" x="20" y="20" width="120" height ="50"/> 36 <feComposite in2="transp" operator="over" x="20" y="20" width="120" height ="50"/>
37 </filter> 37 </filter>
38 <filter id="in-subregion" color-interpolation-filters="sRGB"> 38 <filter id="in-subregion" color-interpolation-filters="sRGB" x="0%" y="0%" w idth="115%" height="115%">
39 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 39 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
40 <feOffset dx="10" dy="10"/> 40 <feOffset dx="10" dy="10"/>
41 <feComposite in2="transp" operator="in" x="20" y="20" width="120" height=" 50"/> 41 <feComposite in2="transp" operator="in" x="20" y="20" width="120" height=" 50"/>
42 </filter> 42 </filter>
43 <filter id="out-subregion" color-interpolation-filters="sRGB"> 43 <filter id="out-subregion" color-interpolation-filters="sRGB" x="0%" y="0%" width="115%" height="115%">
44 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 44 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
45 <feOffset dx="10" dy="10"/> 45 <feOffset dx="10" dy="10"/>
46 <feComposite in2="transp" operator="out" x="20" y="20" width="120" height= "50"/> 46 <feComposite in2="transp" operator="out" x="20" y="20" width="120" height= "50"/>
47 </filter> 47 </filter>
48 <filter id="atop-subregion" color-interpolation-filters="sRGB"> 48 <filter id="atop-subregion" color-interpolation-filters="sRGB" x="0%" y="0%" width="115%" height="115%">
49 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 49 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
50 <feOffset dx="10" dy="10"/> 50 <feOffset dx="10" dy="10"/>
51 <feComposite in2="transp" operator="atop" x="20" y="20" width="120" height ="50"/> 51 <feComposite in2="transp" operator="atop" x="20" y="20" width="120" height ="50"/>
52 </filter> 52 </filter>
53 <filter id="xor-subregion" color-interpolation-filters="sRGB"> 53 <filter id="xor-subregion" color-interpolation-filters="sRGB" x="0%" y="0%" width="115%" height="115%">
54 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 54 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
55 <feOffset dx="10" dy="10"/> 55 <feOffset dx="10" dy="10"/>
56 <feComposite in2="transp" operator="xor" x="20" y="20" width="120" height= "50"/> 56 <feComposite in2="transp" operator="xor" x="20" y="20" width="120" height= "50"/>
57 </filter> 57 </filter>
58 <filter id="arithmetic-subregion" color-interpolation-filters="sRGB"> 58 <filter id="arithmetic-subregion" color-interpolation-filters="sRGB" x="0%" y="0%" width="115%" height="115%">
59 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/> 59 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0" result="transp"/>
60 <feOffset dx="10" dy="10"/> 60 <feOffset dx="10" dy="10"/>
61 <feComposite in2="transp" operator="arithmetic" k1="0" k2="1" k3="1" k4="0 " x="20" y=20" width="120" height="50"/> 61 <feComposite in2="transp" operator="arithmetic" k1="0" k2="1" k3="1" k4="0 " x="20" y=20" width="120" height="50"/>
62 </filter> 62 </filter>
63 </defs> 63 </defs>
64 </svg> 64 </svg>
65 <style> 65 <style>
66 img { 66 img {
67 margin: 10px; 67 margin: 10px;
68 } 68 }
69 </style> 69 </style>
70 <img style="-webkit-filter: url(#over); filter: url(#over);" src="resources/refe rence.png"> 70 <img style="-webkit-filter: url(#over); filter: url(#over);" src="resources/refe rence.png">
71 <img style="-webkit-filter: url(#in); filter: url(#in);" src="resources/refe rence.png"> 71 <img style="-webkit-filter: url(#in); filter: url(#in);" src="resources/refe rence.png">
72 <img style="-webkit-filter: url(#out); filter: url(#out);" src="resources/refe rence.png"> 72 <img style="-webkit-filter: url(#out); filter: url(#out);" src="resources/refe rence.png">
73 <img style="-webkit-filter: url(#atop); filter: url(#atop);" src="resources/refe rence.png"> 73 <img style="-webkit-filter: url(#atop); filter: url(#atop);" src="resources/refe rence.png">
74 <img style="-webkit-filter: url(#xor); filter: url(#xor);" src="resources/refe rence.png"> 74 <img style="-webkit-filter: url(#xor); filter: url(#xor);" src="resources/refe rence.png">
75 <img style="-webkit-filter: url(#arithmetic); filter: url(#arithmetic);" src=" resources/reference.png"> 75 <img style="-webkit-filter: url(#arithmetic); filter: url(#arithmetic);" src=" resources/reference.png">
76 <img style="-webkit-filter: url(#over-subregion); filter: url(#over-subregion);" src="resources/reference.png"> 76 <img style="-webkit-filter: url(#over-subregion); filter: url(#over-subregion);" src="resources/reference.png">
77 <img style="-webkit-filter: url(#in-subregion); filter: url(#in-subregion);" src="resources/reference.png"> 77 <img style="-webkit-filter: url(#in-subregion); filter: url(#in-subregion);" src="resources/reference.png">
78 <img style="-webkit-filter: url(#out-subregion); filter: url(#out-subregion);" src="resources/reference.png"> 78 <img style="-webkit-filter: url(#out-subregion); filter: url(#out-subregion);" src="resources/reference.png">
79 <img style="-webkit-filter: url(#atop-subregion); filter: url(#atop-subregion);" src="resources/reference.png"> 79 <img style="-webkit-filter: url(#atop-subregion); filter: url(#atop-subregion);" src="resources/reference.png">
80 <img style="-webkit-filter: url(#xor-subregion); filter: url(#xor-subregion);" src="resources/reference.png"> 80 <img style="-webkit-filter: url(#xor-subregion); filter: url(#xor-subregion);" src="resources/reference.png">
81 <img style="-webkit-filter: url(#arithmetic-subregion); filter: url(#arithmetic -subregion);" src="resources/reference.png"> 81 <img style="-webkit-filter: url(#arithmetic-subregion); filter: url(#arithmetic -subregion);" src="resources/reference.png">
OLDNEW
« no previous file with comments | « LayoutTests/css3/filters/effect-reference-colorspace-hw.html ('k') | LayoutTests/css3/filters/effect-reference-composite-hw.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698