J'utilise un filtre d'ombre portée dans un fichier SVG incorporé à l'aide d'une balise img
. Sur mon MacBook, ça a l'air bien dans Safari. Cependant, dans Safari mobile, le graphisme devient vraiment pixélisé et perd toute sa netteté. Lorsque le filtre n'est pas appliqué, le rendu SVG est correct. Y a-t-il un moyen de résoudre cela en plus de transmettre le filtre?SVG: Filtre pixel ombre SVG sur mobile Safari
1
A
Répondre
1
Vous devriez essayer de définir explicitement l'attribut "filterRes" du filtre sur une valeur correspondant aux affichages retina.
Questions connexes
- 1. svg n'apparaît pas dans safari mobile
- 2. <svg> Le code</svg> ne fonctionne pas sur Safari mobile
- 3. Safari embarqué SVG doctype
- 4. héritage filtre SVG
- 5. SVG changement d'orientation mobile
- 6. ombre portée non désirée sur le texte svg
- 7. Mobile Safari Problèmes de rendu SVG avec raphaeljs
- 8. Filtre Firefox SVG sur un autre domaine
- 9. Touch Events sur SVG avec JQuery mobile
- 10. SVG + Chrome + filtre + échelle négative
- 11. L'ombre de texte sur l'élément de texte SVG est toujours blanche sur le mobile Safari ...
- 12. l'intégration SVG dans SVG
- 13. D3.js Ombre portée SVG pour les transitions rapides
- 14. filtre svg ne fonctionne pas sur FF avec GoDaddy
- 15. Problème Doctype affichant SVG avec Safari
- 16. filtre svg en ligne dans css
- 17. SVG: couleur de l'ombre
- 18. jQuery cliquez sur svg
- 19. Hyperlien sur SVG intégré
- 20. SVG surdimensionnée sur charge
- 21. Les éditeurs SVG, ou: SVG vs JavaScript?
- 22. SVG en JPG/PNG
- 23. Inclure le fichier SVG en SVG
- 24. SVG texte hit-test
- 25. HTML en SVG en tant que SVG
- 26. Un fichier SVG dans un jeu SVG?
- 27. pouvez jquery svg remplir html au svg?
- 28. SVG Polices et Manifest Cache
- 29. Obtenir des SVG transparents pour travailler dans IE et Safari?
- 30. Firefox et SVG responsive
Oui, j'ai vu que dans une autre question avec un problème similaire, vous avez suggéré une valeur de 400. J'ai juste essayé, et j'ai aussi essayé des valeurs beaucoup plus élevées, mais ça n'a rien changé, j'en ai peur. En outre, l'ensemble du graphique est pixellisé, pas seulement l'ombre. – Sven
La réponse «400» était un hack pour réduire les artefacts de bandes dans Firefox pour Windows - il produisait de la pixellisation à dessein. Vous devriez essayer 1136 x 640 pour voir les résultats sur l'iPhone 5. Cela dit - j'ai entendu dire que le support SVG dans le safari mobile n'a pas été entièrement mis à jour pour la rétine, donc la pixellisation est un vrai bug, pas seulement une erreur . –
J'ai le même problème. L'utilisation de filterRes rend la résolution SVG/taille dépendante de nouveau, ce qui élimine le point d'utilisation de SVG. Il y a un rapport de bug WebKit orphelin: https://bugs.webkit.org/show_bug.cgi?id=119300 – ernesto