undersaturate
authorErik Dahlström <ed@opera.com>
Sat, 09 Feb 2013 12:37:05 +1100
changeset 30 90a03b88f850
parent 29 fe8d7e506335
child 31 47a982ebccdd
undersaturate
contributors/ed/submitted/filters-saturate-03-ref.svg
contributors/ed/submitted/filters-saturate-03.svg
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/contributors/ed/submitted/filters-saturate-03-ref.svg	Sat Feb 09 12:37:05 2013 +1100
@@ -0,0 +1,39 @@
+<svg id="svg-root"
+  width="100%" height="100%" viewBox="0 0 480 360"
+  xmlns="http://www.w3.org/2000/svg" 
+  xmlns:xlink="http://www.w3.org/1999/xlink" viewport-fill="cyan">
+
+  <g id="testmeta">
+    <title>SVG Filters: saturate(100%)</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Erik Dahlström"
+          href="mailto:[email protected]"/>
+    <link rel="reviewer"
+          title="NAME_OF_REVIEWER"
+          href="mailto:EMAIL OR http://CONTACT_PAGE" />
+          <!-- YYYY-MM-DD -->
+    <link rel="help"
+          href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html#saturateltnumbergt-ltpercentagegt"/>
+    <link rel="match"  href="filters-saturate-02-ref.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      A saturate value of -1000% under-saturates the input.
+    </desc>
+  </g>
+
+  <g id="test-body-content" font-size="16">'
+		<defs>
+			<filter id="saturatefilter" color-interpolation-filters="sRGB">
+				<feColorMatrix type="saturate" values="-10"/>
+			</filter>
+		</defs>
+
+    <rect x="210" y="100" width="60" height="60" rx="10" fill="red" filter="url(#saturatefilter)" />
+    <text x="240" y="200" fill="red" text-anchor="middle" filter="url(#saturatefilter)">This text and the rect above should be cyan.</text>
+  </g>
+
+</svg>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/contributors/ed/submitted/filters-saturate-03.svg	Sat Feb 09 12:37:05 2013 +1100
@@ -0,0 +1,33 @@
+<svg id="svg-root"
+  width="100%" height="100%" viewBox="0 0 480 360"
+  xmlns="http://www.w3.org/2000/svg" 
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filters: saturate(100%)</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Erik Dahlström"
+          href="mailto:[email protected]"/>
+    <link rel="reviewer"
+          title="NAME_OF_REVIEWER"
+          href="mailto:EMAIL OR http://CONTACT_PAGE" />
+          <!-- YYYY-MM-DD -->
+    <link rel="help"
+          href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html#saturateltnumbergt-ltpercentagegt"/>
+    <link rel="match"  href="filters-saturate-02-ref.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      A saturate value of -1000% under-saturates the input.
+    </desc>
+  </g>
+
+  <g id="test-body-content" font-size="16">
+    <rect x="210" y="100" width="60" height="60" rx="10" fill="green" filter="saturate(-1000%)" />
+    <text x="240" y="200" fill="green" text-anchor="middle" filter="saturate(-1000%)">This text and the rect above should be cyan.</text>
+  </g>
+
+</svg>