28172 sujets

CSS et mise en forme, CSS3

SVG + IE [résolu]

Pages :
Bonjour TLM !

J'ai ajouté du SVG sur mon site, déclaré en tant que balise object mais sur quatre PCs et sur internet explorer 7, deux l'affichent bien, et les deux autres affichent un rectangle avec une petite croix à la place du dessin SVG (comme si l'élément manquait).

Je n'ai pas découvert pourquoi le SVG passe pas sur certains PC.

Je me demande si c'est pas une question d'anti-virus, mais on peut pas activer l'object comme avec certains activeX bloqués.

Si quelqu'un a une idée ou peut tester sur son PC sur IE 7 ça serait cool !

<object type="image/svg+xml" data="/images/fleurs.svg" id="fleurs"><param name="wmode" value="transparent" /><param name="src" value="/images/fleurs.svg" /></object>

Modifié par ChrisG (18 Sep 2008 - 13:05)
Administrateur
Bonjour,

yop c'est - me semble-t'il - Adobe SVG qui doit être installé comme plug-in pour afficher du SVG sur IE7 ... À vérifier quand même
Bonjour Smiley smile

merci pour vos réponses.

Oui il faut le plug-in; mais j'ai pas souvenance de l'avoir installé sur les 2 postes.
Il faudrait que j'ai des retours de personnes qui ne l'auraient pas installé.

Quelqu'un sait si le plug-in adobe SVG est installé par défaut ?

Un ami m'a dit que le SVG serait dépassé (!?), es-ce vrai d'après vous ? qu'es-ce qui le remplace ou va le remplacer ? (je parle pas de technos propriétaires)...
Si tu as des logiciels adobe installés sur certains PC, il est probable que le plugin svg soit installé également.

Sinon svg n'est pas dépassé (par rapport à quoi d'ailleurs?), au contraire il est dispo en standard dans la majorité des navigateurs hors-IE. Et pour les navigateurs qui ne reconnaissent vraiment pas le svg ont peut leur fournir une image bitmap comme contenu alternatif ou un lien vers le fichier.

<object type="image/svg+xml" data="data/test.svg" width="320" height="240">
  <param name="src" value="data/test.svg" />
  <img src="data/test.png" atl="" /><br />
  alt : <a href="data/test.svg">test.svg</a>
</object>


source du code
Modifié par Patidou (15 Sep 2008 - 11:15)
Bonjour et merci pour la réponse.

Il semble donc que le plugin SVG ne soit pas installé par défaut sur windows ?

Il n'y a pas un moyen de rediriger l'internaute vers la page d'installation quand il ne possède pas le plugin ? (comme avec flash ou quicktime qui à mon souvenir proposait l'install ?)

Sinon il semble que le plugin adobe SVG ne sera plus, donc plus de svg sur IE donc plus de SVG sur les pages web Smiley bawling :

http://fr.wikipedia.org/wiki/Scalable_Vector_Graphics#Support_SVG_par_plug_in

http://www.adobe.com/svg/pdfs/ASV_EOL_FAQ.pdf
Modifié par ChrisG (15 Sep 2008 - 23:44)
Le plugin SVG n'est pas installé par défaut sur windows, et est installé quand on installe Photoshop ou Illustrator.

Si ça peut rendre service j'ai fait ce bout de code qui détecte IE puis alerte si le plugin SVG n'est pas présent :

if (window.attachEvent && !window.opera) {
	try {
		var plg = new ActiveXObject("Adobe.SVGCtl");
	}
	catch(e) {
		window.alert("Vous n'avez pas le plugin Adobe SVG !");
	}
}
Perso je ne vois pas trop l'intérêt du script, c'est plus embêtant pour l'utilisateur qu'autre chose... Il suffit de prévoir une alternative en bitmap comme dans le code donné plus haut. À moins que tu ne prévoies d'utiliser des svg interactifs ou animés.
Modifié par Patidou (18 Sep 2008 - 14:22)
Patidou a écrit :
Perso je ne vois pas trop l'intérêt du script, c'est plus embêtant pour l'utilisateur qu'autre chose... Il suffit de prévoir une alternative en bitmap comme dans le code donné plus haut. À moins que tu ne prévoies d'utiliser des svg interactifs ou animés.


J'ai essayé ton alternative sur mon site, et elle ne colle pas : avec le SVG les dimensions de l'image changent de façon proportionnelle (le ratio longueur/largeur est conservé : cf. le CSS) mais pas pour une image.

Mon script est intéressant pour mon cas car je conseille aux internautes de télécharger un autre navigateur si IE est détecté.

Peut-être ça peut servir pour d'autres ?
Modifié par ChrisG (19 Sep 2008 - 19:30)
Si le plugin Adobe est indespensable, Internet Explorer est cependant le navigateur qui affiche le SVG de la manière la plus complète. Sa possibilité de gérer les couches alphas donnent un rendu de qualité supérieure aux filtres SVG. Tous les autres navigateurs sont loins d'assumer toutes les fonctions de ce format. Opera est le plus proche de la réalité mais Firefox et Safari ne l'affichent qu'à l'état dit "natif", donc de manière très primaire...
Personnellement je suis revenu vers le VML qui est beaucoup plus performant et opportun. Il est par ailleurs beaucoup plus léger que le SVG en écritures. Ce format reprend d'ailleurs du "poil de la bête" en ce moment. Malheureusement il ne marche qu'avec IE...
Voir ce lien: http://midiwebconcept.free.fr/ et notamment: http://midiwebconcept.free.fr/Compar.htm
Gné? C'est une blague? Tu travailles pour Microsoft? Smiley lol

Le VML est l'ancêtre du SVG et je ne vois pas où se trouve les problèmes de transparence avec Firefox et Safari. Smiley confus

Quelques démos

Et tu peux faire ça en vml?
Modifié par Patidou (03 Dec 2008 - 11:13)
Ben évidemment que je peux le faire en VML.
Dis moi lequel tu veux...
Convertir du SVG en VML n'est pas facile car il faut tout redessiner...
Mais avec le temps tout est possible.

PS: Je ne travaille pas du tout pour Microsoft mais pour des formats qui en vaillent la peine.
Excuse-moi Patidou, je n'avais pas vu ton lien sur çà.
Dès que je peux je te mettrai en ligne cet exemple en VML.

Pour le problème des filtres: http://pilatinfo.org/filtres/etude.htm
(cliquer sur Exemples: Quelques exemples sur une image JPEG).
NB: Opera s'est amélioré pour le rendu depuis sa dernière version

Par contre je peux te retourner la même proposition...
A savoir: peux-tu faire les exemples VML du site midiwebconcept.free.fr en SVG ?
Voilà Patidou, j'ai profité de mes vacances pour tenir mes promesses...
Je t'ai transcris ton exemple en VML.
http://www.adaf12.fr/Essais/PeleMele.htm (avec IE bien sûr)
C'est sûr, on peut certainement mieux faire en matière de script mais je ne suis pas un expert et certainement un piètre amateur...
Cela suffit quand même pour démontrer les performances de "l'ancêtre VML" comme tu l'appelles (...)
Cette version démontre quand même une meilleure stabilité, rapidité, et légerté des fichiers.
Il y a quelques avantages non négligeables comme par exemple l'apparition des barres de défilement en cas de débordement.
Malheureusement (ou heureusement ...çà dépend des goûts), il n'y a qu'IE pour le lire.
Mais vraiment, pour moi le VML vaut très largement le SVG.
D'ailleurs ne te fatigues pas pour transcrire les exemples de http://midiwebconcept.free.fr/ en SVG ...c'est purement et simplement impossible. Le SVG n'est pas assez performant pour le cas présent.
PS: Firefox s'est en effet mis à jour depuis peu sur le traitement des filtres SVG.
A quand le VML sur Firefox, Safari ou Opera ?...
Je ne peux pas voir ton anim : ça fait planter IE6 dans Ubuntu… En plus on dirait qu'IE essaye d'ouvrir un popup…

Mais bon, comme je te l'ai déjà dit plus avant, vml est l'ancêtre de SVG et n'est plus développé, si il est encore dans IE c'est pour des raisons de compatibilité avec des anciens sites. Ça sert à rien de se casser la tête là-dessus… Smiley cligne

P.S. : Note que VBscript aussi, à part peut-être dans certains intranet, n'est plus utilisé. Smiley smile
Bon, ...à l'occasion essayes sous Windows... Ca vaut le coup.
J'ai essayé sur plusieurs PC+IE7 et une vieille machine Windows98 avec IE6 et ça marche impec...
Alors que la version SVG rame considérablement sur Firefox.
C'était pour marquer la différence! sinon je l'aurais pas fait...
Bonne Année ! Smiley biggrin
Voilà un petit moment que je parcours ce forum et j'attendais le résultat du travail de "frabie". Travail que je constate avec grande admiration Smiley smile .
Personnellement j'ai utilisé VML pour mon site professionnel qui m'a valu de nombreuses félicitations http://pierre.wostyn.free.fr/HOM.htm.
Effectivement, seul "Vector Markup Language" m'a permis de parvenir à mes fins en matière de vectoriel car je m'étais aussi tenté au svg sans satisfaction.
Je tiens à souligner que VML n'est pas mort du tout.
Un éditeur conçu avec VML a été mis en ligne récemment.
http://www.pageditorpro.com/demo/pageditor/index.php?file=inc_02.htm
http://nitroblog.mediasites.fr/nitroblog/cat/index/10/Animation-vectorielle
VML progresse donc toujours Smiley biggrin et ses ressources ont certainement été sous-estimées et sous-exploitées depuis son apparition en 1998.
Bonjour,

Complètement sidéré par les capacités des deux langages, et très impressionné par l'exemple des images déplaçables, je voudrais savoir s'il est envisageable de réaliser une animation similaire en CSS pur.

Autrement dit, le drag and drop avec mémorisation de la position peut-il être développé en CSS ?
J'ai cherché un peu mais quand je pose la question à Google il me répond Javascript, AJAX, DHTML... Qu'en est-il vraiment ?

D'avance merci,
Pages :
Sujet clos
Aller à