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 № 1Wyglą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.