IOS-App-Webansicht SVG ClipPath-Problem
Ich verwende d3 v4 , um SVG-Grafiken zu rendern. Ich verwende einen clipPath für einige <path> -Elemente. Ich habe ein Panning-Verhalten für ein Rect-Element und der ClipPath hilft dabei, einige der Pfadelemente zu verbergen. Beim Verschieben in Android. Der ClipPath funktioniert nach Bedarf, aber beim Panning in iOS wird die Zeichnung funky wiedergegeben. Siehe unten:
VOR
NACH
Ich habe den SVG-Clip mit dem folgenden Code implementiert:
%Vor%Er sind Auszüge aus dem Zoom, der beim Zoomen aufgerufen wird.
%Vor%Hat jemand bei der Verwendung von clipPath das gleiche Problem?
1 Antwort
Ich habe das Problem herausgefunden. Es ist so ein Suddle Bug. Ich habe irgendwo in meiner CSS-Datei definiert:
%Vor% In allen Browsern würde dies für <rect> und <path> funktionieren, aber für iOS webview würde der obige Anzeigefehler auftreten.
Anstatt dies in einer separaten CSS -Datei zu definieren, habe ich es inline für alle SVG Object definiert, auf die ich es anwenden wollte:
Dieser Fehler hat mich verrückt gemacht, aber ich bin froh, dass ich die Lösung gefunden habe.
Tags und Links javascript ios svg d3.js