Added Yehonatan and myself as editors and moved the others to former editors

Author: SebastianZ

filter-effects-1/Overview.bs

@@ -25,67 +25,71 @@ Ignored Vars: Va, 5s, 10s
 </pre>
 <pre class=link-defaults>
 spec:compositing-1; type:value;
-	text:screen
-	text:normal
+    text:screen
+    text:normal
     text:color
     text:saturation
 spec:css21;
-	type:type; text:<margin-width>
+    type:type; text:<margin-width>
 spec:css-text-decor-3; type:value; text:currentcolor
+spec:css-backgrounds-3; type:property;
+    text:border
+    text:box-shadow
+    text:border-image
 spec:css-color-4; type:property; text:color
 spec:css-color-4; type:value
-	text:srgb
-	text:srgb-linear
+    text:srgb
+    text:srgb-linear
 spec:css-fonts-3; type:property
-	text:font-family
-	text:font-stretch
-	text:font-style
-	text:font-variant
-	text:font-weight
+    text:font-family
+    text:font-stretch
+    text:font-style
+    text:font-variant
+    text:font-weight
 spec:css-masking-1; type:property
-	text:clip-path
-	text:clip
-	text:clip-rule
-	text:mask
+    text:clip-path
+    text:clip
+    text:clip-rule
+    text:mask
 spec:css-overflow-3;
-	type:dfn; text:ink overflow area
-	type:dfn; text:ink overflow rectangle
+    type:dfn; text:ink overflow area
+    type:dfn; text:ink overflow rectangle
 spec:css-transforms-1;
-	type:property; text:transform
-	type:type; text:<transform-function>
+    type:property; text:transform
+    type:type; text:<transform-function>
     type:dfn; text:local coordinate system
 spec:selectors-4;
-	type:selector; text::visited
-	type:type; text:<compound-selector>
+    type:selector; text::visited
+    type:type; text:<compound-selector>
 spec:svg2; type:property
-	text:color-interpolation
-	text:fill
-	text:fill-opacity
-	text:fill-rule
-	text:stroke
-	text:glyph-orientation-horizontal
-	text:glyph-orientation-vertical
-	text:marker-start
-	text:marker-end
-	text:marker-mid
-	text:stop-color
-	text:stop-opacity
-	text:stroke-dasharray
-	text:stroke-dashoffset
-	text:stroke-linecap
-	text:stroke-linejoin
-	text:stroke-miterlimit
-	text:stroke-opacity
-	text:stroke-width
-	text:text-anchor
-	text:alignment-baseline
-	text:baseline-shift
-	text:dominant-baseline
+    text:color-interpolation
+    text:fill
+    text:fill-opacity
+    text:fill-rule
+    text:stroke
+    text:glyph-orientation-horizontal
+    text:glyph-orientation-vertical
+    text:marker-start
+    text:marker-end
+    text:marker-mid
+    text:stop-color
+    text:stop-opacity
+    text:stroke-dasharray
+    text:stroke-dashoffset
+    text:stroke-linecap
+    text:stroke-linejoin
+    text:stroke-miterlimit
+    text:stroke-opacity
+    text:stroke-width
+    text:text-anchor
+    text:alignment-baseline
+    text:baseline-shift
+    text:dominant-baseline
 spec:svg2; type:element
-	text:script
+    text:script
     text:title
 spec:web-animations-1;
-	type:dfn; text: composite operation replace;
+    type:dfn; text: composite operation replace;
 spec:html; type:dfn; for:/; text:browsing context
     https://html.spec.whatwg.org/multipage/browsers.html#browsing-context
 spec:css-display-3; type:property; text:display
@@ -846,7 +850,7 @@ This filter blends two objects together using commonly used imaging software ble
 
         Note: This attribute is an addition to the <a element>feBlend</a> element defintion in SVG 1.1. <a element-attr>no-composite</a>, when specified, is meant to avoid "double-compositing" effects when blending an input source with the backdrop of the filtered object (E.g. using the <a attr-value>BackgroundImage</a> filter primitive). For the majority of use cases authors will not need to specify the <a element-attr>no-composite</a> attribute.
 
-        Animatable: no.</p>
+        Animatable: no.
     : <dfn>in2</dfn> = "<em>(see <a element-attr>in</a> attribute)</em>"
     ::
         The second input image to the blending operation.
@@ -947,7 +951,7 @@ The calculations are performed on non-premultiplied color values.
         Animatable: yes.
     : <dfn>values</dfn> = "<em>list of <<number>>s</em>"
     ::
-        The contents of <a element-attr for=feColorMatrix>values</a> depends on the value of attribute <a element-attr for=feColorMatrix>type</a></a>:
+        The contents of <a element-attr for=feColorMatrix>values</a> depends on the value of attribute <a element-attr for=feColorMatrix>type</a>:
         * For <code>type="matrix"</code>, <a element-attr for=feColorMatrix>values</a> is a list of 20 matrix values (a00 a01 a02 a03 a04 a10 a11 ... a34), separated by whitespace and/or a comma. For example, the identity matrix could be expressed as:
             <pre>
 type="matrix"
@@ -1185,14 +1189,14 @@ The attributes below are the <dfn id="transfer-function-element-attributes">tran
 
         If the attribute is not specified, then the effect is as if an empty list were provided.
 
-        Animatable: yes.</p>
+        Animatable: yes.
     : <dfn>slope</dfn> = "<em><<number>></em>"
     ::
         When <code>type="linear"</code>, the slope of the linear function.
 
         The <a for=svg>initial value</a> for <a element-attr>slope</a> is ''1''.
 
-        Animatable: yes.</p>
+        Animatable: yes.
     : <dfn>intercept</dfn> = "<em><<number>></em>"
     ::
         When <code>type="linear"</code>, the intercept of the linear function.
@@ -1372,7 +1376,7 @@ For this filter primitive, the extent of the resulting image might grow as descr
 
         The <a for=svg>initial value</a> for <a element-attr for=feComposite>operator</a> is <a attr-value>over</a>.
 
-        Animatable: yes.</p>
+        Animatable: yes.
     : <dfn>k1</dfn> = "<<number>>"
     ::
         Only applicable if <code>operator="arithmetic"</code>.
@@ -1386,7 +1390,7 @@ For this filter primitive, the extent of the resulting image might grow as descr
 
         The <a for=svg>initial value</a> for <a element-attr>k2</a> is ''0''.
 
-        Animatable: yes.</p>
+        Animatable: yes.
     : <dfn>k3</dfn> = "<<number>>"
     ::
         Only applicable if <code>operator="arithmetic"</code>.
@@ -1604,9 +1608,9 @@ feConvolveMatrix applies a matrix convolution filter effect. A convolution combi
 
 A matrix convolution is based on an n-by-m matrix (the convolution kernel) which describes how a given pixel value in the input image is combined with its neighboring pixel values to produce a resulting pixel value. Each result pixel is determined by applying the kernel matrix to the corresponding source pixel and its neighboring pixels. The basic convolution formula which is applied to each color value for a given pixel is:
 
-<p id="feConvolveMatrixElementFormula">
+<div id="feConvolveMatrixElementFormula">
     <pre class=include>path: mathml/feConvolveMatrix00.mml</pre>
-</p>
+</div>
 
 where "orderX" and "orderY" represent the X and Y values for the <a element-attr>order</a> attribute, "targetX" represents the value of the <a element-attr>targetX</a> attribute, "targetY" represents the value of the <a element-attr>targetY</a> attribute, "kernelMatrix" represents the value of the <a element-attr>kernelMatrix</a> attribute, "divisor" represents the value of the <a element-attr>divisor</a> attribute, and "bias" represents the value of the <a element-attr>bias</a> attribute.
 
@@ -1671,10 +1675,10 @@ When the image must be resampled to match the coordinate system defined by <a el
         Animatable: yes.
     : <dfn>targetY</dfn> = "<<integer>>"
     ::
-        Determines the positioning in Y of the convolution matrix relative to a given target pixel in the input image. The topmost row of the matrix is row number zero. The value must be such that: 0 &lt;= targetY &lt; orderY. By default, the convolution matrix is centered in Y over each pixel of the input image (i.e., targetY = floor ( orderY / 2 )).</p>
+        Determines the positioning in Y of the convolution matrix relative to a given target pixel in the input image. The topmost row of the matrix is row number zero. The value must be such that: 0 &lt;= targetY &lt; orderY. By default, the convolution matrix is centered in Y over each pixel of the input image (i.e., targetY = floor ( orderY / 2 )).
 
         Animatable: yes.
-    : <dfn>edgeMode</dfn> = "<a attr-value>duplicate</a> | <a attr-value>wrap</a> | <a attr-value>mirror</a> | none</span>"
+    : <dfn>edgeMode</dfn> = "<span dfn-type=attr-value dfn-for=feConvolveMatrix/operator><a attr-value>duplicate</a> | <a attr-value>wrap</a> | <a attr-value>mirror</a> | none</span>"
     ::
         Determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
 
@@ -2127,16 +2131,16 @@ The 'color-interpolation-filters' property only applies to the <a element-attr f
     ::
         Indicates which channel from <a element-attr for=feDisplacementMap>in2</a> to use to displace the pixels in <a element-attr>in</a> along the x-axis.
 
-        The <a for=svg>initial value</a> for <a element-attr>xChannelSelector</a> is ''A''.
+        The <a for=svg>initial value</a> for <a element-attr>xChannelSelector</a> is ''xChannelSelector/A''.
 
         Animatable: yes.
     : <dfn>yChannelSelector</dfn> = "<em>R | G | B | A</em>"
     ::
         Indicates which channel from <a element-attr for=feDisplacementMap>in2</a> to use to displace the pixels in <a element-attr>in</a> along the y-axis.
 
-        The <a for=svg>initial value</a> for <a element-attr>yChannelSelector</a> is ''A''.
+        The <a for=svg>initial value</a> for <a element-attr>yChannelSelector</a> is ''yChannelSelector/A''.
 
-        Animatable: yes.</p>
+        Animatable: yes.
     : <dfn>in2</dfn> = "<em>(see <a element-attr>in</a> attribute)</em>"
     ::
         The second input image, which is used to displace the pixels in the image from attribute <a element-attr>in</a>. See defintion for <a element-attr>in</a> attribute.
@@ -2409,7 +2413,8 @@ A <a element-attr for=feImage>href</a> reference that is an empty image (zero wi
 </dl>
 
 <div class=example>
-    The following example illustrates how images are placed relative to an object. From left to right:</p>
+    The following example illustrates how images are placed relative to an object. From left to right:
+
     * The default placement of an image. Note that the image is centered in the <a>filter region</a> and has the maximum size that will fit in the region consistent with preserving the aspect ratio.
     * The image stretched to fit the bounding box of an object.
     * The image placed using user coordinates. Note that the image is first centered in a box the size of the <a>filter region</a> and has the maximum size that will fit in the box consistent with preserving the aspect ratio. This box is then shifted by the given <a element-attr for=filter-primitive>x</a> and <a element-attr for=filter-primitive>y</a> values relative to the viewport the object is in.
@@ -2667,21 +2672,21 @@ The <a element>feDiffuseLighting</a> and <a element>feSpecularLighting</a> filte
 <dl dfn-type=element-attr dfn-for=feSpecularLighting>
     : <dfn>surfaceScale</dfn> = "<em><<number>></em>"
     ::
-        height of surface when A<sub>in</sub> = 1.</p>
+        height of surface when A<sub>in</sub> = 1.
 
         The <a for=svg>initial value</a> for <a element-attr for=feSpecularLighting>surfaceScale</a> is ''1''.
 
         Animatable: yes.
     : <dfn>specularConstant</dfn> = "<em><<number>></em>"
     ::
-        ks in Phong lighting model. In SVG, this can be any non-negative number.</p>
+        ks in Phong lighting model. In SVG, this can be any non-negative number.
 
         The <a for=svg>initial value</a> for <a element-attr>specularConstant</a> is ''1''.
 
         Animatable: yes.
     : <dfn>specularExponent</dfn> = "<em><<number>></em>"
     ::
-        Exponent for specular term, larger is more "shiny".</p>
+        Exponent for specular term, larger is more "shiny".
 
         The <a for=svg>initial value</a> for <a element-attr for=feSpecularLighting>specularExponent</a> is ''1''.
 
@@ -2694,7 +2699,7 @@ The <a element>feDiffuseLighting</a> and <a element>feSpecularLighting</a> filte
 
         If <a element-attr for=feSpecularLighting>kernelUnitLength</a> is not specified, the <code>dx</code> and <code>dy</code> values should represent very small deltas relative to a given <code>(x,y)</code> position, which might be implemented in some cases as one pixel in the intermediate image offscreen bitmap, which is a pixel-based coordinate system, and thus potentially not scalable. For some level of consistency across display media and user agents, it is necessary that a value be provided for <a element-attr for=feSpecularLighting>kernelUnitLength</a>.
 
-        Animatable: yes.</p>
+        Animatable: yes.
 </dl>
 
 The light source is defined by one of the child elements <a element>feDistantLight</a>, <a element>fePointLight</a> or <a element>feSpotLight</a>. The light color is specified by property 'lighting-color'.
@@ -2966,7 +2971,7 @@ double turbulence(int nColorChannel, double *point, double fBaseFreqX, double fB
     ::
         If <code>stitchTiles="noStitch"</code>, no attempt is made to achieve smooth transitions at the border of tiles which contain a turbulence function. Sometimes the result will show clear discontinuities at the tile borders.
 
-        If <code>stitchTiles="stitch"</code>, then the user agent will automatically adjust baseFrequency-x and baseFrequency-y values such that the <a element>feTurbulence</a> node's width and height (i.e., the width and height of the current subregion) contains an integral number of the Perlin tile width and height for the first octave. The baseFrequency will be adjusted up or down depending on which way has the smallest relative (not absolute) change as follows: Given the frequency, calculate <code>lowFreq=floor(width*frequency)/width</code> and <code>hiFreq=ceil(width*frequency)/width</code>. If frequency/lowFreq &lt; hiFreq/frequency then use lowFreq, else use hiFreq. While generating turbulence values, generate lattice vectors as normal for Perlin Noise, except for those lattice points that lie on the right or bottom edges of the active area (the size of the resulting tile). In those cases, copy the lattice vector from the opposite edge of the active area.</p>
+        If <code>stitchTiles="stitch"</code>, then the user agent will automatically adjust baseFrequency-x and baseFrequency-y values such that the <a element>feTurbulence</a> node's width and height (i.e., the width and height of the current subregion) contains an integral number of the Perlin tile width and height for the first octave. The baseFrequency will be adjusted up or down depending on which way has the smallest relative (not absolute) change as follows: Given the frequency, calculate <code>lowFreq=floor(width*frequency)/width</code> and <code>hiFreq=ceil(width*frequency)/width</code>. If frequency/lowFreq &lt; hiFreq/frequency then use lowFreq, else use hiFreq. While generating turbulence values, generate lattice vectors as normal for Perlin Noise, except for those lattice points that lie on the right or bottom edges of the active area (the size of the resulting tile). In those cases, copy the lattice vector from the opposite edge of the active area.
 
         The <a for=svg>initial value</a> for <a element-attr>stitchTiles</a> is ''noStitch''.
 
@@ -3091,7 +3096,7 @@ Note: The 'color-interpolation-filters' property just has an affect on filter op
 
 Note: The 'color-interpolation-filters' has a different initial value than 'color-interpolation'. 'color-interpolation-filters' has an initial value of  ''linearRGB'', where as 'color-interpolation' has an initial value of ''sRGB''. Thus, in the default case, filter effects operations occur in the linearRGB color space, whereas all other color interpolations occur by default in the sRGB color space.
 
-Note: The 'color-interpolation-filters' property has no affect on <span>Filter Functions</span>, which operate in the sRGB color space.
+Note: The 'color-interpolation-filters' property has no affect on <span>Filter Functions, which operate in the sRGB color space.
 
 The 'color-interpolation-filters' property is a <a href="https://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html#TermPresentationAttribute">presentation attribute</a> for SVG elements.
 
@@ -3237,7 +3242,7 @@ macros:
 
         The <a for=svg>initial value</a> for <a element-attr for=feSpotLight>specularExponent</a> is ''1''.
 
-        See section <a href="#feDiffuseLightingElement">Filter primitive &lt;feDiffuseLighting></a> for how to use <a element-attr for=feSpotLight>specularExponent</a>.</p>
+        See section <a href="#feDiffuseLightingElement">Filter primitive &lt;feDiffuseLighting></a> for how to use <a element-attr for=feSpotLight>specularExponent</a>.
 
         Note: <a element-attr for=feSpotLight>specularExponent</a> for <a element>feSpotLight</a> serves a different use case than <a element-attr for=feSpecularLighting>specularExponent</a> for <a element>feSpecularLighting</a>.
 
@@ -3533,11 +3538,11 @@ If any of the above rules are not followed, an attacker could infer information
 A timing attack is a method of obtaining information about content that is otherwise protected, based on studying the amount of time it takes for an operation to occur. If, for example, red pixels took longer to draw than green pixels, one might be able to reconstruct a rough image of the element being rendered, without ever having access to the content of the element. Security studies show that timing differences on arithmetic operations can be caused by the hardware architecture or compiler [[ArTD]].
 
 
-<h2 id="AccessBackgroundImage" class="no-num">Appendix A: The deprecated 'enable-background' property</h2>
+<h2 id="AccessBackgroundImage" class="no-num">Appendix A: The deprecated <css>enable-background</css> property</h2>
 
-SVG 1.1 introduced the 'enable-background' property [[SVG11]]. The property defined the back drop under the <a>filter region</a> at the time that the <a element>filter</a> element was invoked. The concept defined by this property was identified to be incompatible with the model of stacking context in CSS at the time writing this specification. UAs can choose to implement the 'enable-background' property as defined in SVG 1.1 but will not be compatible to this specification or to CSS Compositing and Blending [[!COMPOSITING-1]].
+SVG 1.1 introduced the <a href="https://www.w3.org/TR/SVG11/filters.html#EnableBackgroundProperty">enable-background</a> property [[SVG11]]. The property defined the back drop under the <a>filter region</a> at the time that the <a element>filter</a> element was invoked. The concept defined by this property was identified to be incompatible with the model of stacking context in CSS at the time writing this specification. UAs can choose to implement the <a href="https://www.w3.org/TR/SVG11/filters.html#EnableBackgroundProperty">enable-background</a> property as defined in SVG 1.1 but will not be compatible to this specification or to CSS Compositing and Blending [[!COMPOSITING-1]].
 
-This specification does not support the 'enable-background' property. UAs must support the 'isolation' property instead [[!COMPOSITING-1]].
+This specification does not support the <a href="https://www.w3.org/TR/SVG11/filters.html#EnableBackgroundProperty">enable-background</a> property. UAs must support the 'isolation' property instead [[!COMPOSITING-1]].
 
 
 <h2 id="DOMInterfaces" class="no-num">Appendix B: DOM interfaces</h2>