SVG allez jeter un coup d'oeil

SVG allez jeter un coup d'oeil - Programmation

Marsh Posté le 10-07-2001 à 11:16:49    

Voici un lien qui montre les possibilités de SVG.
Je pense que ça peut interesser du monde, ça vaut le coup de télécharger le plug-in quand on voit les animations avec la balle et son ombre et l'ombre du piquet qui bouge suivant l'orientation de la lumière!
 
http://www.sun.com/software/xml/de [...] w-effects/

Reply

Marsh Posté le 10-07-2001 à 11:16:49   

Reply

Marsh Posté le 10-07-2001 à 12:28:22    

En effet, voilà ce que ça donne :
 :D  :D  :D  :D  :D  :D  :D  :D  :D  :D  :D  :D  :D  :D  :D  

Citation :


La page XML ne peut pas être affichée  
Impossible d'afficher l'entrée XML en utilisant la feuille de style XSL. Corrigez l'erreur, puis cliquez sur le bouton Actualiser ou réessayez ultérieurement.  
 
 
--------------------------------------------------------------------------------
 
Référence à un préfixe d'espace de noms non déclaré : xlink. Ligne 59, Position 68  
 
 
       <use xlink:href="#svgBall" style="filter:url(#dropShadow)" >


---------------
di. / www.diredaredare.org - Ailes de la ville
Reply

Marsh Posté le 10-07-2001 à 14:06:50    

meuah ca marche pas tres bien ...
 
j'aurai pourtant bien aimé voir le zoli nimages


---------------
mon flick r - 23 - https://youtu.be/LAr6oAKieHk
Reply

Marsh Posté le 10-07-2001 à 14:11:14    

Le lien du post marche bien.
Pour visualiser les images, animations, il faut avoir télécharger et installer un plug-in, comme par exemple SVGviewer que l'on trouve chez Adobe.
 
Alors vous en pensez quoi?

Reply

Marsh Posté le 10-07-2001 à 14:14:16    

j'en pense que j'ai la dernière version du parser xml d'ie 5.5, la dernière version du player svg d'adobe, et que ça plante au parsing de tous les fichiers, avec des erreurs diverses et variées.
 
sinon le svg, j'aime bien :)

Reply

Marsh Posté le 10-07-2001 à 14:21:21    

Il y en a bien avec qui ça marche quand même?

Reply

Marsh Posté le 10-07-2001 à 15:22:28    

N'empeche, c'est clair que c'est prometteur...
- Standart Ouvert
- Format Vectoriel  
 (donc se combine bien avec les php & co, rapide a dl)
- Zoli  
....
mais pas encore assez répandu (plugins notamment)
 Esperons que ça aie le meme succes voire plus que Flash!!

Reply

Marsh Posté le 10-07-2001 à 15:38:46    

Bouh moi non plus ça marche po. )c:
J'ai IE5 (fourni avec Win2k) + Adobe SVG  viewer (derniere version)
je vais installer la version 5.5
Voici l'erreur produite:
-----------
La page XML ne peut pas être affichée  
Impossible d'afficher l'entrée XML en utilisant la feuille de style . Corrigez l'erreur, puis cliquez sur le bouton Actualiser ou réessayez ultérieurement.  
 
 
--------------------------------------------------------------------------------
 
Le système ne trouve pas l'objet spécifié.

Reply

Marsh Posté le 10-07-2001 à 15:40:15    

note : les exemples SVG du w3c ( http://www.w3.org/Graphics/SVG/Overview.html ) marchent très bien chez moi, y compris les qq tutorials que j'ai pu trouver sur le net.

Reply

Marsh Posté le 10-07-2001 à 15:48:34    

Voici un le code d'un fichier que vous pouvez enregistrer sous un nom par ex: "boule.svg".
Après double cliquer sur le fichier et normalement si le plug-in est installé corectement, ça marche.
 
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- ========================================================================= -->
<!-- SVG Sample Pool : Bouncing ball with shadow effect                        -->
<!--                                                                           -->
<!-- This sample shows some powerful features of SVG elements, among           -->
<!-- which are the ability to do animation and shadow effects on a circle      -->
<!--                                                                           -->
<!-- @author        Ana Lindstrom-Tamer                                        -->
<!--                XML Technology Center, Sun Microsystems Inc.               -->
<!-- @version       1.0, September 7, 2000                                     -->
<!--                                                                           -->
<!-- Copyright 2000 Sun Microsystems, Inc. All rights reserved.                -->
<!-- Use is subject to license terms.            -->
<!-- ========================================================================= -->
<svg width="290" height="150">
  <desc>Bouncing SVG Ball</desc>
  <defs>
 <!-- Define a drop shadow filter -->
 <filter id="dropShadow" filterUnits="objectBoundingBox"
  width="150%" height="150%" x="-25%" y="-25%">
  <feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur"/>
 </filter>  
 <!-- gradient for  ball -->
 <radialGradient id="ballGradient" gradientUnits="objectBoundingBox"  
   spreadMethod="reflect" cx="30%" cy="30%">
       <stop offset="0%" style="stop-color:white"/>
       <stop offset="30%" style="stop-color:rgb(181, 181, 230)"/>
       <stop offset="90%" style="stop-color:rgb(22, 22, 73)"/>
       <stop offset="100%" style="stop-color:black" />
 </radialGradient>
 <!-- Background Gradient -->
 <radialGradient id="backgroundGradient" gradientUnits="objectBoundingBox"  
   cx="0" cy="0" r="1.2" >
       <stop offset="0%" style="stop-color:white"/>
       <stop offset="40%" style="stop-color:rgb(181, 181, 230)"/>
       <stop offset="80%" style="stop-color:rgb(102, 102, 153)"/>
       <stop offset="100%" style="stop-color:rgb(22, 22, 73)" />
 </radialGradient>
 <!-- SVG ball - created with circle element. Centered about the origin-->
 <g id="svgBall" >
   <circle r="16" style="fill:url(#ballGradient)" />
 </g>
  </defs>
  <rect width="290" height="150" style="fill:url(#backgroundGradient)"/>
  <g transform="translate(140,0)">
     <!-- shadow for ball -->
     <g transform="translate(4, 110)">
       <use xlink:href="#svgBall" style="filter:url(#dropShadow)" >
   <animateTransform attributeName="transform" type="scale"  
    values=".6; 1.5; .6"  
    additive="replace" dur="1.75s" repeatDur="indefinite" />
    <animateTransform attributeName="transform" type="translate"  
    values="0,0; 60,20; 0,0"
    calcMode="spline"
    keyTimes="0; .5; 1"  
    keySplines="0 .75 .25 1; .75 0 1 .25"  
    additive="sum" dur="1.75s" repeatDur="indefinite" />  
 </use>
     </g>
     <!-- ball -->
     <g  transform="translate(0, 110)">
 <use xlink:href="#svgBall">
    <animateTransform attributeName="transform" type="translate"  
    values="0,0; 0,-100; 0, 0;"  
    calcMode="spline"
    keyTimes="0; .5; 1"  
    keySplines="0 .75 .25 1; .75 0 1 .25"  
    additive="replace" dur="1.75s" repeatDur="indefinite"/>  
 </use>
     </g>
  </g>
</svg>

Reply

Marsh Posté le 10-07-2001 à 15:48:34   

Reply

Marsh Posté le 10-07-2001 à 15:58:11    

les exemples du W3c marchent très bien pour moi. sur le site de sun (qui ne marche pas chez moi), apparemment, le source du SVG est encodés en base64 peut-être pour empecher de copier le fichier facilement, ou je sais pas trop. j'utilise la "version 2.0 Construire 55" (ils traduisent vraiment n'importe comment!! :))

Reply

Marsh Posté le 10-07-2001 à 16:09:24    

Moi je suis allé sur la page de SUN, j'ai cliqué sur chaque image et après en faisant clic droit on peut voir le source du SVG après copier/coller et maintenant j'ai les exemples sur mon dur.
Vous ça ne marche pas quand vous cliqués sur un des exemples?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed