SVG-Filter auf HTML-IMG in IE10

Question

Ich habe diesen Filter, der in Chrom und Firefox arbeitet, aber ich kann es nicht in IE in IE

arbeiten

http://codepen.io/anon/pen/lwpbo

IE10 sollte SVG-Filter unterstützen, also was ist falsch?

Answer 1

dh suppt derzeit SVG-Filter in HTML-Dokumenten oder CSS-Filtereffekte . Es unterstützt nur SVG-Filter in SVG-Dokumenten oder SVG-Fragmenten in HTML-Dokumenten. Wenn Sie möchten, dass es in IE funktioniert, müssen Sie sie von einem HTML-Dokument in ein SVG-Dokument konvertieren, das Bild in ein SVG-Fragment einschließt oder das Bild in eine SVG-Datei einfügen und das stattdessen auf der HTML-Seite verknüpfen .

Für das letztere können Sie einen SVG-Wrapper um das Bild wie gezeigt machen:

generasacodicetagpre.

Sie sehen dies in Aktion mit dieses Bild .

Dann müssen Sie von der HTML stattdessen mit der SVG-Datei verknüpfen:

generasacodicetagpre.

Wenn Sie möchten, können Sie die SVG oben in der HTML-Datei direkt in die HTML-Datei einfügen, anstatt mit einem generationspoDicetagcode-Element zu verknüpfen. Sie können diesen Ansatz in diese jsfiddle-Demo sehen. Der benötigte SVG-Code ist genau das gleiche.

ie5.5-ie9 Unterstützung von Microsofts eigenen Proprietäre Filter , aber diese wurden in IE10 fallen gelassen.