Warum verschwimmen die SVG-Elemente in Chrome mit Panzoom?

Ich benutze Tommywils Panzoom (https://github.com/timmywil/jquery.panzoom) auf SVG-Elementen, wie Google Geochart und vor etwa einem Monat habe ich festgestellt, wenn ich hineinzoom; das SVG wird verschwommen sein. Zum Beispiel, siehe die Demos: In Firefox, IE, arbeitet Maxthon sehr gut. Ich verwende die neueste Version von Browsern.Warum verschwimmen die SVG-Elemente in Chrome mit Panzoom?

Jeder weiß, was los ist oder wie man das löst?

Gelöst !: Ich legte "-webkit-backface-visibility: initial! Wichtig;" auf dem SVG-Elementstil.

Quelle

2016-06-12 Chris Kuti

Es sieht so aus, als würde Chrome das SVG automatisch rastern.

Chrome hat viele "versteckte" Funktionen, um die Renderzeit usw. zu beschleunigen, von denen Sie viele beispielsweise unten anpassen können.

Geben Sie chrome://flags in die Adresszeile ein und drücken Sie die Eingabetaste.

GPU aktivieren Rasterung GPU-Rasterung MSAA Probe zählen Anzahl der Raster Threads LCD-Text Anti-Aliasing - Aktiviert

können Sie auch schnell varous Flaggen überprüfen here

Ich habe this Seite besonders nützlich gefunden:

Quelle

2016-06-12 14:16:41 Visualife

Leider funktioniert es nicht für mich, aber wenn es funktioniert wie soll ich vermeiden, dass Chrome das SVG automatisch per jQuery oder irgendwie rasterisiert? Kannst du mir einen anderen Rat geben? –

Ich löste das mit "-webkit-backface-visibility: initial! Wichtig;" auf den SVG-Elementen. –

das ist großartig, dachte ich bin nicht in der Lage zu sehen, warum das Chrome verhindern/zwingen würde, die SVG-Vektoren zu respektieren. Guter Fund Ich werde es überprüfen und danke für das Teilen – Visualife

Warum verschwimmen die SVG-Elemente in Chrome mit Panzoom?

Antwort

Verwandte Themen