STIC Discussion:STIC II - exercice 13 (Stella)

De EduTech Wiki
Aller à la navigation Aller à la recherche

doh

SVG et les accents????? -- Jaboulay 13 avril 2011 à 12:18 (CEST)

Gros travail hier sur un fichier SVG, je le sauve et aujourd'hui, en voulant l'ouvrir, Inkscape me fait "error, impossible to open", message d'erreur extrêment clair évidemment. J'ouvre mon fichier dans Firefox, et là, au moins, j'ai un message d'erreur qui me montre que mon document n'est pas valable car les accents produisent des problèmes. Donc, édition en mode texte du fichier SVG, j'enlève les accents, et tout se remet à fonctionner normalement ;-)

Re: SVG et les accents????? -- Daniel K. Schneider 13 avril 2011 à 12:29 (CEST)

Ouais ou mieux: utiliser les bons accents ....

Le problème est simple: Il faut spécifier l'encodage dans le fichier XML ou HTML. Si vous prétendez avoir un jeu UTF-8 mais utilisez ISO Latin ou inversément cela produit des erreurs.

Donc faut choisir: Soit changer l'encodage dans le XML, soit (et ce que je conseille) travailler uniquement en UTF-8 dans vos éditeurs. Si votre éditeur n'en est pas capable, jeter à la poubelle ...

Le défaut dans XML est UTF-8, donc les 2 déclarations sont équivalentes

<?xml version="1.0" encoding="UTF-8" ?>
  ou
<?xml version="1.0"?>

Lire Encodage de caractères

PS: Parfois une nouvelle technologie ne marche pas, mais XML et SVG ont 10 ans et plus: c'est du standardisé. Dans ce cas, ne faut pas adopter une stratégie de type Word/Windows, tuer des truc au hasard jusqu'à ce que cela marche. Y a tjrs une solution quand il y a un problème d'encodage, genre remplacer vos caractères ISO latin 1 (ISO 8859-1) ou pire du ISO windows obscure en UTF-8.

Attention aux noms des fichiers

Un fichier svg doit s'appeler .svg, sinon le serveur va envoyer un mauvais type MIME (mime type).

petit retour intermédiaire

-- Lucie.Marchon 27 avril 2011 à 18:03 (CEST)Répondre[répondre]


Bonjour! Pouvez-vous me dire si ceci est suffisant pour l'exercice 13 ou si vous me conseiller d'aller un peu plus loin pour avoir une bonne note? Merci

Re: petit retour intermédiaire -- Daniel K. Schneider 27 avril 2011 à 20:00 (CEST)

C'est bon à condition de faire un bon rapport qui abordera aussi les aspets conceptuels (à quoi cela sert etc.)

Petit doute -- Vjollca Ahmeti 28 avril 2011 à 14:51 (CEST)

Juste pour clarifier, parce que j'ai un petit doute en lisant les tutoriels...

  • On ne peut pas implémenter du SMIL dans un document HTML5 ?
  • Si on veut faire du SVG avec du HTML5, il faut nécessairement utiliser du DOM pour animer les images ?

Merci d'avance pour la réponse ! :)

Re: Petit doute -- Daniel K. Schneider 28 avril 2011 à 18:14 (CEST)

Cela dépend de votre navigateur. Cliquez sur l'exemple de Lucie ci-dessus et se cela clignote c'est bon. Sinon, faut faire une mise à jour. Si pour X ou Y raisons, vous ne désirez pas passer de FF 3.x à 4, installez Chrome. Oubliez IE 9 je crois.

Sinon: http://caniuse.com/svg-smil (réponse assez précise pour chaque navigateur)

Alexandre Rocca R2D2 -- Arocca 13 avril 2012 à 16:38 (CEST)

Me voilà bloqué pour un svg que je cherche à relancer. Le svg dure 1 minute, mais j'aimerai qu'il redémarre. Je cherche en vain sur edutechwiki à relancer le svg.

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">

  
 <g transform="translate(0,100)">
 <g transform="rotate(-90)">
  <title>Temps</title>
  
  

<rect x="0" y="50" width="10" height="10" stroke="black" fill="black" >  </rect>
<rect x="0" y="60" width="10" height="10" stroke="black" fill="black" >  </rect>

 <rect x="10" y="50" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="0s" dur="5s" fill="freeze"  />
  </rect>
 
 <rect x="10" y="60" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="5s" dur="5s" fill="freeze"  />
  </rect>
  
  <rect  x="20" y="50" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="10s" dur="5s" fill="freeze"  />
  </rect>
  
  <rect x="20" y="60" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="15s" dur="5s" fill="freeze"  />
  </rect>
 
 <rect x="30" y="50" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="20s" dur="5s" fill="freeze"  />
  </rect>
  
  <rect x="30" y="60" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="25s" dur="5s" fill="freeze"  />
  </rect>
  
  <rect x="40" y="50" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="30s" dur="5s" fill="freeze"  />
  </rect>
  
  <rect x="40" y="60" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="35s" dur="5s" fill="freeze"  />
  </rect>
  
  <rect x="50" y="50" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="40s" dur="5s" fill="freeze"  />
  </rect>
  
  <rect x="50" y="60" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="45s" dur="5s" fill="freeze"  />
  </rect>
  
  <rect x="60" y="50" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="50s" dur="5s" fill="freeze"  />
  </rect>
  
  <rect x="60" y="60" width="10" height="10" stroke="black" fill="#1591B9" opacity="0">
    <animate attributeName="opacity" to="1"  begin="55s" dur="5s" fill="freeze"  />
  </rect>
  
  <rect x="70" y="50" width="10" height="10" stroke="black" fill="black" >  </rect>
<rect x="70" y="60" width="10" height="10" stroke="black" fill="black" >  </rect>
 
 </g>
 </g>
</svg>