Implement filter primitive subregion on accelerated reference filters (FEColorMatrix a…

LayoutTests/css3/filters/effect-reference-subregion.html

 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1">
   <defs>
-    <filter id="f1" color-interpolation-filters="sRGB">
-      <feColorMatrix type="hueRotate" values="180"/>
+    <filter id="colormatrix" color-interpolation-filters="sRGB">
+      <feColorMatrix type="hueRotate" values="180" x="10" y="10" width="140" height="70"/>
     </filter>
-    <filter id="f2" color-interpolation-filters="sRGB">
-      <feColorMatrix x="10" y="10" width="70" height="70" type="hueRotate" values="180"/>
+    <filter id="morphology" color-interpolation-filters="sRGB">
+      <feMorphology radius="10" operator="dilate" x="10" y="10" width="140" height="70"/>
     </filter>
-    <filter id="f3" color-interpolation-filters="sRGB">
-      <feColorMatrix x="20" y="20" width="50" height="50" type="hueRotate" values="180"/>
+    <filter id="componenttransfer" color-interpolation-filters="sRGB">
+      <feComponentTransfer x="10" y="10" width="140" height="70">
+        <feFuncR type="linear" slope="0.5">
+        <feFuncG type="linear" slope="0.5">
+        <feFuncB type="linear" slope="0.5">
+        <feFuncA type="identity">
+      </feComponentTransfer>
     </filter>
-    <filter id="f4" color-interpolation-filters="sRGB">
-      <feColorMatrix x="30" y="30" width="30" height="30" type="hueRotate" values="180"/>
+    <filter id="blurY" color-interpolation-filters="sRGB">
+      <feGaussianBlur stdDeviation="0 10" x="10" y="10" width="140" height="70"/>
+    </filter>
+    <filter id="blend" color-interpolation-filters="sRGB">
+      <feGaussianBlur stdDeviation="5 5"/>
+      <feBlend in2="SourceGraphic" mode="screen" x="10" y="10" width="140" height="70">
+    </filter>
+    <filter id="lighting" color-interpolation-filters="sRGB">
+      <feSpecularLighting x="10" y="10" width="140" height="70">
+        <feSpotLight pointsAtX="160" pointsAtY="130" pointsAtZ="0" specularExponent="1" limitingConeAngle="20" x="0" y="0" z="10"/>
+      </feSpecularLighting>
+      <feColorMatrix type="matrix" values="0 0 0 1 0  0 0 0 1 0  0 0 0 1 0  0 0 0 0 1"/>
+    </filter>
+    <filter id="offset" x="0%" color-interpolation-filters="sRGB">
+      <feOffset dx="10" dy="10" x="10" y="10" width="140" height="70"/>
+    </filter>
+    <filter id="convolvematrix" color-interpolation-filters="sRGB">
+      <feConvolveMatrix order="3 3" kernelMatrix="1 1 1   1 -7 1   1 1 1" bias ="0.3" x="10" y="10" width="140" height="70"/>
+    </filter>
+    <filter id="displacement" color-interpolation-filters="sRGB">
+      <feDisplacementMap scale="10" xChannelSelector="R" yChannelSelector="G" x="10" y="10" width="140" height="70"/>
+    </filter>
+    <filter id="merge" color-interpolation-filters="sRGB">
+      <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.3 0"  result="trans"/>
+      <feOffset dx="5"  dy="5"  in="trans" result="offset1"/>
+      <feOffset dx="10" dy="10" in="trans" result="offset2"/>
+      <feOffset dx="15" dy="15" in="trans" result="offset3"/>
+      <feMerge x="10" y="10" width="140" height="70">
+        <feMergeNode in="trans"/>
+        <feMergeNode in="offset1"/>
+        <feMergeNode in="offset2"/>
+        <feMergeNode in="offset3"/>
+      </feMerge>
+    </filter>
+    <filter id="flood" color-interpolation-filters="sRGB">
+      <feFlood flood-color="green" x="10" y="10" width="140" height="70"/>
+    </filter>
+    <filter id="turbulence" color-interpolation-filters="sRGB">
+      <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2" x="10" y="10" width="140" height="70"/>
+    </filter>
+    <filter id="tile">
+      <feColorMatrix x="0" y="0" width="40" height="40"/>
+      <feTile x="10" y="10" width="140" height="70"/>
     </filter>
   </defs>
 </svg>
-<img style="-webkit-filter: url(#f1); filter: url(#f1);" src="resources/reference.png"></img>
-<img style="-webkit-filter: url(#f2); filter: url(#f2);" src="resources/reference.png"></img>
-<img style="-webkit-filter: url(#f3); filter: url(#f3);" src="resources/reference.png"></img>
-<img style="-webkit-filter: url(#f4); filter: url(#f4);" src="resources/reference.png"></img>
+<style>
+img {
+    margin: 10px;
+}
+</style>
+<img style="-webkit-filter: url(#colormatrix); filter: url(#colormatrix);" src="resources/reference.png">
+<img style="-webkit-filter: url(#morphology); filter: url(#morphology);" src="resources/reference.png">
+<img style="-webkit-filter: url(#componenttransfer); filter: url(#componenttransfer);" src="resources/reference.png">
+<img style="-webkit-filter: url(#blurY); filter: url(#blurY);" src="resources/reference.png">
+<img style="-webkit-filter: url(#blend); filter: url(#blend);" src="resources/reference.png">
+<img style="-webkit-filter: url(#lighting); filter: url(#lighting);" src="resources/reference.png">
+<img style="-webkit-filter: url(#offset); filter: url(#offset);" src="resources/reference.png">
+<img style="-webkit-filter: url(#convolvematrix); filter: url(#convolvematrix);" src="resources/reference.png">
+<img style="-webkit-filter: url(#displacement); filter: url(#displacement);" src="resources/reference.png">
+<img style="-webkit-filter: url(#merge); filter: url(#merge);" src="resources/reference.png">
+<img style="-webkit-filter: url(#flood); filter: url(#flood);" src="resources/reference.png">
+<img style="-webkit-filter: url(#turbulence); filter: url(#turbulence);" src="resources/reference.png">
+<img style="-webkit-filter: url(#tile); filter: url(#tile);" src="resources/reference.png">