JeuWeb - Crée ton jeu par navigateur
SVG, pourquoi je n'aime pas chrome - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : SVG, pourquoi je n'aime pas chrome (/showthread.php?tid=7412)



SVG, pourquoi je n'aime pas chrome - Ter Rowan - 02-07-2015

hello hello

petit coup de gueule (bon je suis un peu chaud au bureau aujourd'hui, rien à voir avec le bifteck)

Après avoir constaté que le clip-path ne fonctionne pas vraiment avec chrome (mais il y a un workaround que je n'ai pas implémenté encore)
voilà ti pas que je découvre il y a quelques jours qu'on ne peut pas déclencher d'animation svg par javascript avec la méthode beginElement (vieux bug, corrigé il y a quelques années, puis revenu, et la réponse actuelle = on ne fera pas la correction, du moins tel que je l'ai compris)

J'ai donc du développer un truc spécifique, d'autant que l'animation qui m'intéressait était l'animate motion, donc la plus compliquée (je suis sûr que les autres, on y arriverait avec un jquery ou un truc comme ça)...

Ca m'a pas pris énormément de temps 2 heures de recherches pour comprendre que je n'aurais pas la solution en standard, 1 - 2 heures de dev peut être mais quand même c'est frustrant de ne pas avoir des navigateurs qui s'alignent sur les standards (a moins que SMIL ne soit pas un standard, je ne suis pas trop ces sujets)

enfin maintenant ça marche, avec un truc visuel bizarre, alors que la vitesse (abscisse curviligne) est toujours la même le sentiment est que l'objet animé se déplace plus vite dans les courbes qu'en ligne droite


RE: SVG, pourquoi je n'aime pas chrome - @lucard - 07-07-2015

SMIL est une recommandation du W3 pour les documents XML, c'est pas un standard, et il n'est toujours pas bien pris en compte dans les navigateurs (I.E. l'a carrément exclu !) http://caniuse.com/svg-smil
Clip Path n'est pas encore implémenté, et fonctionne entièrement null-part : http://caniuse.com/#search=clip-path.

De toutes façons, sur la version 1.1 de SVG, il n'y à +20% des paramètres qui ne fonctionnent pas , par ce qu'ils ne sont pas pris en compte (ou ne le sont plus).
La v1.2 ne sortira jamais (ça fait depuis 2005 [10 ans !] qu'ils y sont, et ça n'a pas bougé)

Il existe cependant un script pour le passer SMIL partout (ou presque) : https://leunen.me/fakesmile/
cependant, il y a des problèmes d'animation.

Test ça sur les différents navigateurs (FakeSmile est actif dessus) http://codepen.io/CyrilLevallois/full/JbrfI/
Sur IE il y a bien une animation, mais y'a des problèmes de rotation, et des formes qui 'pop'.