feComposite documentation example is non-functional

[mor10]

https://www.w3.org/TR/SVG/filters.html#feCompositeElement

The example provided in documentation for filter primitive feComposite relies on enable-background="new" which does not appear to work in any browsers. Thus the code example does not produce a match to the provided graphic in any browser.

CodePen demo with side-by-side comparison: https://codepen.io/mor10/pen/wXZgYO?editors=1000

[AmeliaBR]

The same problem (reliance on BackgroundImage as an SVG filter input) affects the feBlend example as well, both of which are still used in the Filter Effects spec:

• https://www.w3.org/TR/filter-effects/#feBlendElement
  https://github.com/w3c/fxtf-drafts/blob/master/filter-effects/examples/feBlend.svg

• https://www.w3.org/TR/filter-effects/#feCompositeElement
  https://github.com/w3c/fxtf-drafts/blob/master/filter-effects/examples/feComposite.svg

(Links to TR version because the Editor's Draft is currently down)

[dirkschulze]

Those still are examples from the original SVG 1.1 filters section. They are still valid according to Filter Effects but indeed could be simplified to work in as many filter effects implementations as possible.