/ / SVG + Chrome + filtr + skala ujemna - google-chrome, svg, svg-filter

SVG + Chrome + filtr + negatywna skala - google-chrome, svg, svg-filtry

Odkryłem, że Google Chrome nie wyświetla elementów SVG, które mają obie skala ujemna i filtr (np. rozmycie gaussowskie). Czy to błąd?

Minimalny niedziałający przykład:

<filter id="blur-norm">
<feGaussianBlur stdDeviation="1 3" />
</filter>
<g id="norms" transform="scale(-0.5)">
<rect x="-40" y="-50" width="100" height="100" fill="#50aea9" stroke="#355270" stroke-width="5" />
</g>

Porównywanie tego JSFiddle w

  • Firefox 32 / Win7: element jest widoczny i zamazany
  • Chrome 37 / Win7: element nie jest widoczny

W chromie ustawienie skali na dodatniąliczba spowoduje pojawienie się elementu (choć niepoprawnie skalowane); alternatywnie usunięcie odniesienia do filtra spowoduje pojawienie się elementu (chociaż nie jest rozmazany).

Czy robię coś źle, czy jest to błąd Blink?

Odpowiedzi:

2 dla odpowiedzi № 1

Wygląda na to, że zgłoszono to kilka dni temu.

https://code.google.com/p/chromium/issues/detail?id=409602


1 dla odpowiedzi nr 2

Nie mogłem zmusić Chrome do wyświetlania żadnych filtrów, dopóki nie usunęłem części głównej, a następnie presto, nie wyświetliłem wszystkich filtrów.