Re: [csswg-drafts] [filter-effects-1] Clarify equivalent markup for filter functions (#5704)

> Yesterday I found out, that this is currently not the case in Chromium browsers (at least for `filter: url('some.svg#filter');` stuff)

```html
// https://.../filter.html
<svg viewBox="0 0 100 100" color-interpolation-filters="sRGB">
  <defs>
    <filter id="filter">
      <feColorMatrix type="saturate" values="0.5" />
    </filter>
    <rect id="object" width="40%" height="40%" fill="red" />
  </defs>
  <use id="a" href="#object" filter="url(#filter)" />
  <use id="b" href="#object" x="50%" style="filter: url(#filter);" />
  <use id="c" href="#object" filter="url(https://.../filter.svg#filter)" />
  <use id="d" href="#object" style="filter: url(https://.../filter.svg#filter);" />
</svg>

// https://.../filter.svg
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <filter id="filter">
    <feColorMatrix type="saturate" values="0.5" />
  </filter>
  <rect id="object" width="40%" height="40%" fill="red" />
</svg>
```

In Chrome v88, I'm seeing `#filter` applications (attribute and CSS) on `#a` and `#b` processed with `sRGB` color interpolation, or `linearRGB` (default) if `color-interpolation-filters="sRGB` is removed. `#c` and `#d` are blank.

Related issue **SVG (filter | fill | stroke | clip-path | mask | marker-*) from external files not applied**: https://bugs.chromium.org/p/chromium/issues/detail?id=109212

-- 
GitHub Notification of comment by cdoublev
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5704#issuecomment-763611192 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 20 January 2021 13:38:42 UTC