Probleme beim Rendern von Mobile Safari SVG mit Raphaeljs

Ich arbeite an einem animierten, interaktiven Graphen mitRaffael dass ich gut auf dem iPhone arbeiten muss. Ich habe 2 kleinere Rendering-Probleme, mit denen ich zu kämpfen habe.

Das erste ist, dass wenn Sie auf ein SVG-Element klicken, an das ein Klick-Handler angehängt ist, Mobile Safari ein transparentes graues Kästchen um das angeklickte Element zeichnet. Es ist dasselbe, was Sie tun, wenn Sie auf einen Hyperlink klicken. Das graue Kästchen ist in dieser Situation sehr hässlich. Gibt es eine CSS-Eigenschaft, die Mobile Safari anweist, dies nicht zu tun?

Die zweite Ausgabe befasst sich mit Animationen. Für die Dauer einer Animation fügt Mobile Safari der SVG-Leinwand einen hässlichen schwarzen Rand hinzu. Es ist nur sichtbar, während eine Animation ausgeführt wird, und es ist nur am unteren und rechten Rand der Leinwand sichtbar. Irgendeine Idee, wie man das behebt?

Dies wurde mit Copy & Paste einer der Demos auf Raffaels Seite aufgenommen, nur mit einem weißen Hintergrund.

Antworten auf die Frage(1)

Ihre Antwort auf die Frage