Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3924 connectés 

  FORUM HardWare.fr
  Programmation

  SVG allez jeter un coup d'oeil

 
 


Dernière réponse
Sujet : SVG allez jeter un coup d'oeil
shinji 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?

Votre réponse
Nom d'utilisateur    Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !
Le ton de votre message                        
                       
Votre réponse
[b][i][u][strike][spoiler][fixed][cpp][url][email][img][*]   
 
   [quote]
 
Options

 
Vous avez perdu votre mot de passe ?


Vue Rapide de la discussion
shinji 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?
Largo 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!! :))
shinji 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>
youdontcare 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.
Largo 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é.
Largo 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!!
shinji Il y en a bien avec qui ça marche quand même?
youdontcare 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 :)
shinji 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?
ezzz meuah ca marche pas tres bien ...
 
j'aurai pourtant bien aimé voir le zoli nimages
instantdharma 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)" >

shinji 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/

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)