Link to external algorithms

Author: mysteryDate

source

@@ -4085,6 +4085,8 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
     <ul class="brief">
      <li><dfn data-x-href="https://drafts.fxtf.org/filter-effects/#typedef-filter-value-list">&lt;filter-value-list&gt;</dfn></li>
      <li><dfn data-x-href="https://drafts.fxtf.org/filter-effects/#filter-primitive-attributes">filter primitive attribute</dfn></li>
+     <li><dfn data-x-href="https://drafts.fxtf.org/filter-effects/#FilterProperty">filter
+     property</dfn></li>
     </ul>
    </dd>
 
@@ -60970,7 +60972,7 @@ typedef record&lt;DOMString, any> <dfn>CanvasFilterInput</dfn>;
 
 [Exposed=(Window,Worker,PaintWorkletGlobalScope)]
 interface <dfn interface>CanvasFilter</dfn> {
-  <span data-x="dom-CanvasFilter">constructor</span>((<code>CanvasFilterInput</code> or sequence&lt;<code>CanvasFilterInput</code>>) filters);
+  <span data-x="dom-CanvasFilter">constructor</span>(optional (<code>CanvasFilterInput</code> or sequence&lt;<code>CanvasFilterInput</code>>) filters);
 };
 
 interface mixin <dfn interface>CanvasRect</dfn> {
@@ -66041,12 +66043,11 @@ console.log(pixels.data[2]);
   data-x="dom-context-2d-filter">filter</code></dfn> attribute.</p>
 
   <p>Such objects have an associated <dfn data-x="concept-canvas-current-filter">current
-  filter</dfn>, which is either "<code data-x="">none</code>", a
-  <span>&lt;filter-value-list&gt;</span>, or a <code>CanvasFilter</code>. Initially the <span
-  data-x="concept-canvas-current-filter">current filter</span> is set to "<code
+  filter</dfn>, which is either a string or a <code>CanvasFilter</code>. Initially the <span
+  data-x="concept-canvas-current-filter">current filter</span> is set to the string "<code
   data-x="">none</code>". Whenever the value of the <span
   data-x="concept-canvas-current-filter">current filter</span> is the string "<code
-  data-x="">none</code>", filters will be disabled for the context.</p>
+  data-x="">none</code>" filters will be disabled for the context.</p>
 
   <p>A <span>&lt;filter-value-list&gt;</span> consists of a sequence of one or more filter
   functions or references to SVG filters. The input to the filter is used as the input to the first
@@ -66074,14 +66075,15 @@ console.log(pixels.data[2]);
      data-x="concept-canvas-current-filter">current filter</span> to "<code data-x="">none</code>"
      and return.</p></li>
 
-     <li><p>Let <var>parsedValue</var> be the result of parsing the given values as a
-     <span>&lt;filter-value-list&gt;</span>. If any property-independent style sheet syntax like
-     'inherit' or 'initial' is present, then this parsing must return failure.</p></li>
+     <li><p>Let <var>parsedValue</var> be the result of <span data-x="parse something according to
+     a CSS grammar">parsing</span> the given values as a <span>&lt;filter-value-list&gt;</span>. If
+     any property-independent style sheet syntax like 'inherit' or 'initial' is present, then this
+     parsing must return failure.</p></li>
 
      <li><p>If <var>parsedValue</var> is failure, then return.</p></li>
 
      <li><p>Set <span>this</span>'s <span data-x="concept-canvas-current-filter">current
-     filter</span> to <var>parsedValue</var>.</p></li>
+     filter</span> to the given value.</p></li>
     </ol>
    </li>
 
@@ -66122,15 +66124,18 @@ console.log(pixels.data[2]);
   following steps:</p>
 
   <ol>
-    <li><p>If <var>attrName</var> is of type "<code data-x="">false | true</code>", then return
-    <code data-x="idl-boolean">boolean</code>.</p></li>
+    <li><p>Let <var>type</var> be the type listed for <var>attrName</var> in Filters. <ref
+    spec=FILTERS></p></li>
 
-    <li><p>If <var>attrName</var> is of type "<code data-x="">list of &lt;number&gt;s</code>", then
-    return <code data-x="">sequence&lt;long long&gt;</code>.</p></li>
+    <li><p><var>type</var> is "<code data-x="">false | true</code>", then return <code
+    data-x="idl-boolean">boolean</code>.</p></li>
 
-    <li><p>If <var>attrName</var> is of type <code
-    data-x="">"&lt;number-optional-number&gt;</code>", "<code data-x="">&lt;number&gt;</code>", or
-    "<code data-x="">&lt;integer&gt;</code>", then return <code data-x="">long long</code>.</p></li>
+    <li><p><var>type</var> is "<code data-x="">list of &lt;number&gt;s</code>", then return <code
+    data-x="">sequence&lt;long long&gt;</code>.</p></li>
+
+    <li><p><var>type</var> is <code data-x="">"&lt;number-optional-number&gt;</code>", "<code
+    data-x="">&lt;number&gt;</code>", or "<code data-x="">&lt;integer&gt;</code>", then return
+    <code data-x="">long long</code>.</p></li>
 
     <li><p>Return <code data-x="idl-DOMString">DOMString</code>.</p></li>
   </ol>
@@ -66205,8 +66210,8 @@ console.log(pixels.data[2]);
 
          <li><p><var>key</var> is a <span>filter primitive attribute</span></p></li>
 
-         <li><p><var>key</var> is "<code data-x="">class</code>", "<code data-x="">style</code>",
-         "<code data-x="">in</code>", or "<code data-x="">filter</code>"</p></li>
+         <li><p><var>key</var> is "<code data-x="">in</code>", or "<code
+         data-x="">filter</code>"</p></li>
         </ul>
 
         <p>then <span>continue</span>.</p>
@@ -66307,40 +66312,40 @@ console.log(pixels.data[2]);
   graphs are a planned expansion of this feature.</p>
 
   <p>Coordinates used in the value of the <span data-x="concept-canvas-current-filter">current
-  filter</span> attribute are interpreted such that one pixel is equivalent to one SVG user space
-  unit and to one canvas coordinate space unit. Filter coordinates are not affected by the <span
+  filter</span> are interpreted such that one pixel is equivalent to one SVG user space unit and to
+  one canvas coordinate space unit. Filter coordinates are not affected by the <span
   data-x="dom-context-2d-transformation">current transformation matrix</span>. The current
   transformation matrix affects only the input to the filter. Filters are applied in the
   <span>output bitmap</span>'s coordinate space.</p>
 
-  <p>When the value of the <span data-x="concept-canvas-current-filter">current filter</span>
-  attribute is a <span>&lt;filter-value-list&gt;</span> which defines lengths using percentages or
-  using <span>'em'</span> or <span>'ex'</span> units, these must be interpreted relative to the
-  <span>computed value</span> of the <span>'font-size'</span> property of the <span>font style
-  source object</span> at the time that the attribute is set. If the <span
+  <p>When the value of the <span data-x="concept-canvas-current-filter">current filter</span> is a
+  string parsable as a <span>&lt;filter-value-list&gt;</span> which defines lengths using
+  percentages or using <span>'em'</span> or <span>'ex'</span> units, these must be interpreted
+  relative to the <span>computed value</span> of the <span>'font-size'</span> property of the
+  <span>font style source object</span> at the time that the attribute is set. If the <span
   data-x="computed value">computed values</span> are undefined for a particular case (e.g. because
   the <span>font style source object</span> is not an element or is not <span>being
   rendered</span>), then the relative keywords must be interpreted relative to the default value of
   the <code data-x="dom-context-2d-font">font</code> attribute. The 'larger' and 'smaller' keywords
   are not supported.</p>
 
-  <p>If the value of the <span data-x="concept-canvas-current-filter">current filter</span>
-  attribute is a <span>&lt;filter-value-list&gt;</span> with a reference to an SVG filter in the
-  same document, and this SVG filter changes, then the changed filter is used for the next draw
+  <p>If the value of the <span data-x="concept-canvas-current-filter">current filter</span> is a
+  string parseable as a <span>&lt;filter-value-list&gt;</span> with a reference to an SVG filter in
+  the same document, and this SVG filter changes, then the changed filter is used for the next draw
   operation.</p>
 
-  <p>If the value of the <span data-x="concept-canvas-current-filter">current filter</span>
-  attribute is a <span>&lt;filter-value-list&gt;</span> with a reference to an SVG filter in an
-  external resource document and that document is not loaded when a drawing operation is invoked,
-  then the drawing operation must proceed with no filtering.</p>
+  <p>If the value of the <span data-x="concept-canvas-current-filter">current filter</span> is a
+  string parseable as a <span>&lt;filter-value-list&gt;</span> with a reference to an SVG filter in
+  an external resource document and that document is not loaded when a drawing operation is
+  invoked, then the drawing operation must proceed with no filtering.</p>
 
   </div>
 
   <h6>Working with externally-defined SVG filters</h6>
 
   <!-- NON-NORMATIVE SECTION -->
 
-  <p>Since drawing is performed using filter value "<code data-x="">none</code>"" until an
+  <p>Since drawing is performed using filter value "<code data-x="">none</code>" until an
   externally-defined filter has finished loading, authors might wish to determine whether such a
   filter has finished loading before proceeding with a drawing operation. One way to accomplish
   this is to load the externally-defined filter elsewhere within the same page in some element that
@@ -66365,12 +66370,12 @@ console.log(pixels.data[2]);
     other than "<code data-x="">none</code>" and all the externally-defined filters it references,
     if any, are in documents that are currently loaded, then use image <var>A</var> as the input to
     the <span data-x="concept-canvas-current-filter">current filter</span>, creating image
-    <var>B</var>.  If the <span data-x="concept-canvas-current-filter">current filter</span> is a
-    <span>&lt;filter-value-list&gt;</span>, then draw using the <span
+    <var>B</var>. If the <span data-x="concept-canvas-current-filter">current filter</span> is a
+    string parseable as a <span>&lt;filter-value-list&gt;</span>, then draw using the <span
     data-x="concept-canvas-current-filter">current filter</span> in the same manner as SVG. If the
     <span data-x="concept-canvas-current-filter">current filter</span> is a
     <code>CanvasFilter</code>, draw using the equivalent SVG for the XML structure stored in the
-    <span data-x="concept-canvas-current-filter">current filter</span>'s associated <span
+    <span data-x="concept-canvas-current-filter">current filter</span>'s by mapping each <span>filter property</span> of the <span
     data-x="concept-concept-canvasfilter-xml-filter-list">XML filter list</span>.</p>
 
     <p>Otherwise, let <var>B</var> be an alias for <var>A</var>.</p>