|
58 | 58 | { |
59 | 59 | "name": "feColorMatrix/values", |
60 | 60 | "href": "https://drafts.fxtf.org/filter-effects-1/#element-attrdef-fecolormatrix-values", |
61 | | - "html": "The <a data-link-type=\"dfn\" href=\"https://svgwg.org/svg2-draft/types.html#TermInitialValue\" id=\"ref-for-TermInitialValue②③\">initial value</a> for <a data-link-type=\"element-attr\" href=\"https://drafts.fxtf.org/filter-effects-1/#element-attrdef-fecolormatrix-values\" id=\"ref-for-element-attrdef-fecolormatrix-values⑥\">values</a>", |
| 61 | + "html": "The <a data-link-type=\"dfn\" href=\"https://svgwg.org/svg2-draft/types.html#TermInitialValue\" id=\"ref-for-TermInitialValue②③\">initial value</a> for <a data-link-type=\"element-attr\" href=\"https://drafts.fxtf.org/filter-effects-1/#element-attrdef-fecolormatrix-values\" id=\"ref-for-element-attrdef-fecolormatrix-values⑤\">values</a>", |
62 | 62 | "rationale": ".switch", |
63 | 63 | "steps": [ |
64 | 64 | { |
|
85 | 85 | "rationale": "take", |
86 | 86 | "steps": [ |
87 | 87 | { |
88 | | - "html": "<p>Take the alpha channel of the input to the <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-fedropshadow\" id=\"ref-for-elementdef-fedropshadow④\">feDropShadow</a> filter primitive and the <a data-link-type=\"element-attr\" href=\"https://drafts.fxtf.org/filter-effects-1/#element-attrdef-fedropshadow-stddeviation\" id=\"ref-for-element-attrdef-fedropshadow-stddeviation①\">stdDeviation</a> on the <span id=\"ref-for-elementdef-fedropshadow⑤\">feDropShadow</span> and do processing as if the following <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-fegaussianblur\" id=\"ref-for-elementdef-fegaussianblur⑧\">feGaussianBlur</a> was applied:</p>\n<pre><code class=\"highlight\"><c- p=\"\"><</c-><c- f=\"\">feGaussianBlur</c-> <c- e=\"\">in</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">alpha-channel-of-feDropShadow-in</c-></b><c- s=\"\">\"</c-> <c- e=\"\">stdDeviation</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">stdDeviation-of-feDropShadow</c-></b><c- s=\"\">\"</c-><c- p=\"\">/></c->\n</code></pre>" |
| 88 | + "html": "<p>Take the alpha channel of the input to the <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-fedropshadow\" id=\"ref-for-elementdef-fedropshadow③\">feDropShadow</a> filter primitive and the <a data-link-type=\"element-attr\" href=\"https://drafts.fxtf.org/filter-effects-1/#element-attrdef-fedropshadow-stddeviation\" id=\"ref-for-element-attrdef-fedropshadow-stddeviation\">stdDeviation</a> on the <span id=\"ref-for-elementdef-fedropshadow④\">feDropShadow</span> and do processing as if the following <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-fegaussianblur\" id=\"ref-for-elementdef-fegaussianblur⑦\">feGaussianBlur</a> was applied:</p>\n<pre><code class=\"highlight\"><c- p=\"\"><</c-><c- f=\"\">feGaussianBlur</c-> <c- e=\"\">in</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">alpha-channel-of-feDropShadow-in</c-></b><c- s=\"\">\"</c-> <c- e=\"\">stdDeviation</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">stdDeviation-of-feDropShadow</c-></b><c- s=\"\">\"</c-><c- p=\"\">/></c->\n</code></pre>" |
89 | 89 | }, |
90 | 90 | { |
91 | | - "html": "<p>Offset the result of step 1 by <a data-link-type=\"element-attr\" href=\"https://drafts.fxtf.org/filter-effects-1/#element-attrdef-fedropshadow-dx\" id=\"ref-for-element-attrdef-fedropshadow-dx①\">dx</a> and <a data-link-type=\"element-attr\" href=\"https://drafts.fxtf.org/filter-effects-1/#element-attrdef-fedropshadow-dy\" id=\"ref-for-element-attrdef-fedropshadow-dy①\">dy</a> as specified on the <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-fedropshadow\" id=\"ref-for-elementdef-fedropshadow⑥\">feDropShadow</a> element, equivalent to applying an <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-feoffset\" id=\"ref-for-elementdef-feoffset⑦\">feOffset</a> with these parameters:</p>\n<pre><code class=\"highlight\"><c- p=\"\"><</c-><c- f=\"\">feOffset</c-> <c- e=\"\">dx</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">dx-of-feDropShadow</c-></b><c- s=\"\">\"</c-> <c- e=\"\">dy</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">dy-of-feDropShadow</c-></b><c- s=\"\">\"</c-> <c- e=\"\">result</c-><c- o=\"\">=</c-><c- s=\"\">\"offsetblur\"</c-><c- p=\"\">/></c->\n</code></pre>" |
| 91 | + "html": "<p>Offset the result of step 1 by <a data-link-type=\"element-attr\" href=\"https://drafts.fxtf.org/filter-effects-1/#element-attrdef-fedropshadow-dx\" id=\"ref-for-element-attrdef-fedropshadow-dx\">dx</a> and <a data-link-type=\"element-attr\" href=\"https://drafts.fxtf.org/filter-effects-1/#element-attrdef-fedropshadow-dy\" id=\"ref-for-element-attrdef-fedropshadow-dy\">dy</a> as specified on the <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-fedropshadow\" id=\"ref-for-elementdef-fedropshadow⑤\">feDropShadow</a> element, equivalent to applying an <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-feoffset\" id=\"ref-for-elementdef-feoffset⑥\">feOffset</a> with these parameters:</p>\n<pre><code class=\"highlight\"><c- p=\"\"><</c-><c- f=\"\">feOffset</c-> <c- e=\"\">dx</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">dx-of-feDropShadow</c-></b><c- s=\"\">\"</c-> <c- e=\"\">dy</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">dy-of-feDropShadow</c-></b><c- s=\"\">\"</c-> <c- e=\"\">result</c-><c- o=\"\">=</c-><c- s=\"\">\"offsetblur\"</c-><c- p=\"\">/></c->\n</code></pre>" |
92 | 92 | }, |
93 | 93 | { |
94 | | - "html": "<p>Do processing as if an <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-feflood\" id=\"ref-for-elementdef-feflood④\">feFlood</a> element with <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.fxtf.org/filter-effects-1/#propdef-flood-color\" id=\"ref-for-propdef-flood-color①⓪\">flood-color</a> and <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.fxtf.org/filter-effects-1/#propdef-flood-opacity\" id=\"ref-for-propdef-flood-opacity①①\">flood-opacity</a> as specified on the <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-fedropshadow\" id=\"ref-for-elementdef-fedropshadow⑦\">feDropShadow</a> was applied:</p>\n<pre><code class=\"highlight\"><c- p=\"\"><</c-><c- f=\"\">feFlood</c-> <c- e=\"\">flood-color</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">flood-color-of-feDropShadow</c-></b><c- s=\"\">\"</c-> <c- e=\"\">flood-opacity</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">flood-opacity-of-feDropShadow</c-></b><c- s=\"\">\"</c-><c- p=\"\">/></c->\n</code></pre>" |
| 94 | + "html": "<p>Do processing as if an <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-feflood\" id=\"ref-for-elementdef-feflood③\">feFlood</a> element with <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.fxtf.org/filter-effects-1/#propdef-flood-color\" id=\"ref-for-propdef-flood-color①\">flood-color</a> and <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.fxtf.org/filter-effects-1/#propdef-flood-opacity\" id=\"ref-for-propdef-flood-opacity②\">flood-opacity</a> as specified on the <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-fedropshadow\" id=\"ref-for-elementdef-fedropshadow⑥\">feDropShadow</a> was applied:</p>\n<pre><code class=\"highlight\"><c- p=\"\"><</c-><c- f=\"\">feFlood</c-> <c- e=\"\">flood-color</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">flood-color-of-feDropShadow</c-></b><c- s=\"\">\"</c-> <c- e=\"\">flood-opacity</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">flood-opacity-of-feDropShadow</c-></b><c- s=\"\">\"</c-><c- p=\"\">/></c->\n</code></pre>" |
95 | 95 | }, |
96 | 96 | { |
97 | | - "html": "<p>Composite the result of the <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-feflood\" id=\"ref-for-elementdef-feflood⑤\">feFlood</a> in step 3 with the result of the <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-feoffset\" id=\"ref-for-elementdef-feoffset⑧\">feOffset</a> in step 2 as if an <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-fecomposite\" id=\"ref-for-elementdef-fecomposite⑨\">feComposite</a> filter primitive with <code>operator=\"in\"</code> was applied:</p>\n<pre><code class=\"highlight\"><c- p=\"\"><</c-><c- f=\"\">feComposite</c-> <c- e=\"\">in2</c-><c- o=\"\">=</c-><c- s=\"\">\"offsetblur\"</c-> <c- e=\"\">operator</c-><c- o=\"\">=</c-><c- s=\"\">\"in\"</c-><c- p=\"\">/></c->\n</code></pre>" |
| 97 | + "html": "<p>Composite the result of the <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-feflood\" id=\"ref-for-elementdef-feflood④\">feFlood</a> in step 3 with the result of the <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-feoffset\" id=\"ref-for-elementdef-feoffset⑦\">feOffset</a> in step 2 as if an <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-fecomposite\" id=\"ref-for-elementdef-fecomposite⑧\">feComposite</a> filter primitive with <code>operator=\"in\"</code> was applied:</p>\n<pre><code class=\"highlight\"><c- p=\"\"><</c-><c- f=\"\">feComposite</c-> <c- e=\"\">in2</c-><c- o=\"\">=</c-><c- s=\"\">\"offsetblur\"</c-> <c- e=\"\">operator</c-><c- o=\"\">=</c-><c- s=\"\">\"in\"</c-><c- p=\"\">/></c->\n</code></pre>" |
98 | 98 | }, |
99 | 99 | { |
100 | | - "html": "<p>Finally merge the result of the previous step, doing processing as if the following <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-femerge\" id=\"ref-for-elementdef-femerge⑤\">feMerge</a> was performed:</p>\n<pre><code class=\"highlight\"><c- p=\"\"><</c-><c- f=\"\">feMerge</c-><c- p=\"\">></c->\n <c- p=\"\"><</c-><c- f=\"\">feMergeNode</c-><c- p=\"\">/></c->\n <c- p=\"\"><</c-><c- f=\"\">feMergeNode</c-> <c- e=\"\">in</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">in-of-feDropShadow</c-></b><c- s=\"\">\"</c-><c- p=\"\">/></c->\n<c- p=\"\"></</c-><c- f=\"\">feMerge</c-><c- p=\"\">></c->\n</code></pre>" |
| 100 | + "html": "<p>Finally merge the result of the previous step, doing processing as if the following <a data-link-type=\"element\" href=\"https://drafts.fxtf.org/filter-effects-1/#elementdef-femerge\" id=\"ref-for-elementdef-femerge④\">feMerge</a> was performed:</p>\n<pre><code class=\"highlight\"><c- p=\"\"><</c-><c- f=\"\">feMerge</c-><c- p=\"\">></c->\n <c- p=\"\"><</c-><c- f=\"\">feMergeNode</c-><c- p=\"\">/></c->\n <c- p=\"\"><</c-><c- f=\"\">feMergeNode</c-> <c- e=\"\">in</c-><c- o=\"\">=</c-><c- s=\"\">\"</c-><b><c- s=\"\">in-of-feDropShadow</c-></b><c- s=\"\">\"</c-><c- p=\"\">/></c->\n<c- p=\"\"></</c-><c- f=\"\">feMerge</c-><c- p=\"\">></c->\n</code></pre>" |
101 | 101 | } |
102 | 102 | ] |
103 | 103 | }, |
|
0 commit comments