Das Bild innerhalb des SVG-Musters ist nach dem Zoomen in Chrome nicht mehr sichtbar

8

Ich habe Rect in Svg und Rect ist mit einem Muster gefüllt. Dieses Muster ist nur Png-Bild. Das Zoomen dieses Rect funktioniert fantastisch in FireFox, Safari usw., aber nicht in Chrome und Chromium. Chrome macht dieses Bild ein wenig verschwommen. Ich suchte nach ähnlichen Problemen, aber ich brauche Svg, Rect, Muster, um 100% Breite und Höhe zu sein ... es ist, dass sie 100% Containergröße und nicht irgendeine feste Größe sein müssen. Ich habe Geige erstellt, um den Effekt zu sehen: Ссылка

%Vor%

Um diesen Effekt zu sehen, müssen Sie das Bild zoomen und nach kleinen Beschriftungen suchen. In Chrome sind sie verschwommen und in FireFox sind sie wirklich sauber und nett.

Gibt es eine Lösung dafür, weil ich meinen Kopf verliere, um das zu beheben? Ich werde wirklich glücklich sein, etwas Hilfe zu sehen. Vielen Dank im Voraus

    
Spinach 09.12.2015, 21:12
quelle

1 Antwort

4

Meine beste Vermutung ist, dass der Zoom auf der GPU von Chrome ausgeführt wird. In diesem Fall wird das jpg nicht neu gerastert, sondern es wird lediglich eine Pixelinterpolation durchgeführt, wenn das Asset skaliert wird. AFAIK, es gibt keine zuverlässige Möglichkeit, Chrome neu zu rasterisieren, aber Sie können es versuchen, indem Sie eine Transition / Animation hinzufügen, die nicht auf der GPU ausgeführt werden kann (etwas, das keine Skalierung / Verzerrung / Positionsumwandlung oder Opazität ist). .

    
Michael Mullany 12.12.2015, 18:59
quelle

Tags und Links