IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[XHTML] SVG dans HTML


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Février 2007
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 19
    Par défaut [XHTML] SVG dans HTML
    Quelq'un saurait-il comment inclure du SVG dans du HTML sans passer par un IFRAME svp ? Je ne comprends pas pourquoi ce code ne fonctionne pas

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <html xmlns:svg="http://www.w3.org/2000/svg">
    	<body>
    		<p>
    			Paragraphe en HTML
    		</p>
    		<svg:svg width="100%" height="100%" viewBox="0 0 800 600" >
    			<svg:rect x="100" y="100" width="400" height="250"/>
    		</svg:svg>
    	</body>
    </html>
    Je désespère...

  2. #2
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    La norme HTML (XHTML en fait dans ton cas) n'est pas prévu pour transporter du SVG, il faut donc un document SVG à part entière.
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  3. #3
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    En fait, c'est plutot l'inverse. XHTML est fait pour être du XML, donc la théorie autorise l'utilisation des namespaces.

    Tu peux jeter un oeil sur cette page
    http://developer.mozilla.org/present...s/SVGDemo.xml?
    explications

    Si tu dois mettre un doctype, je pense que le mieux reste un doctype xhtml 1.1 (mais il y a obligation de le servir comme application/xhtml+xml, et ca IE n'aime pas du tout)
    Sinon, essayer un doctype xhtml 1.0...

    Le seul obstacle sera de toutes facons le support des navigateurs. Chez moi, ca marche avec FF2 et Opera9 mais pas IE6 (je n'ai aucun plugin installé en même temps...)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  4. #4
    Membre chevronné Avatar de deY!
    Inscrit en
    Avril 2006
    Messages
    403
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Avril 2006
    Messages : 403
    Par défaut
    Avec IE et ASV6 ça ne fonctionne pas.

    Et pour le moment ASV à une meilleure implementation du SVG que FF j'ai donc tendance à m'orienté vers IE quand je fais du SVG... Mais j'ai hate qu'un meilleure gestion du svg se fasse.

  5. #5
    Membre averti
    Inscrit en
    Février 2007
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 19
    Par défaut
    Merci pour vos réponses, c'est sympa.
    En cherchant sur le net, j'ai trouvé la réponse.
    Sur Internet Explorer, il faut ajouter ces deux lignes

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <object id="AdobeSVG" classid="clsid:78156a80-c6a1-4bbf-8e6a-3cd390eeb4e2"></object>
        <?import namespace="svg" implementation="#AdobeSVG"?>
    Voici un exemple pour être plus clair :

    fichier svg_dans_html.html :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:svg="http://www.w3.org/2000/svg"
          xml:lang="en">
      <head>
        <title>SVG dans une page HTML</title>
        <object id="AdobeSVG" classid="clsid:78156a80-c6a1-4bbf-8e6a-3cd390eeb4e2"></object>
        <?import namespace="svg" implementation="#AdobeSVG"?>
      </head>
      <body>
        <h1>Une phrase en html</h1>
        <svg:svg width="300" height="200">
          <svg:circle cx="150" cy="100" r="50" />
          <svg:text x="30" y="20" >Une phrase en SVG</text>
        </svg:svg>    
      </body>
    </html>

  6. #6
    Membre averti
    Inscrit en
    Février 2007
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 19
    Par défaut
    Pour mon message précédent, il faut remplacer </text> par </svg:text>. Je suis allé trop vite.
    Par contre, j'aimerais désormais créer une page xhtml avec du svg en utilisant du xml et du xsl. Mais je n'y arrive pas. Mon bout de code svg n'est pas interpreté. Je dois avoir un problème de doctype ou de namespace.
    Quelqu'un connait-il la réponse ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Intégrer un favicon svg dans la source html
    Par bullx dans le forum Général Conception Web
    Réponses: 3
    Dernier message: 14/06/2011, 15h23
  2. svg dans xhtml
    Par renaissancecarto dans le forum Développement Web en Java
    Réponses: 5
    Dernier message: 22/01/2010, 11h54
  3. append("<p>..") dans html marche, mais pas xhtml
    Par OAOAO dans le forum jQuery
    Réponses: 5
    Dernier message: 28/12/2009, 00h55
  4. [HTML] SVG dans HTML
    Par soli.f dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 22/02/2007, 15h18
  5. Insérer du SVG dans HTML
    Par alexixlebaulois dans le forum XML/XSL et SOAP
    Réponses: 2
    Dernier message: 02/07/2004, 15h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo