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

  FORUM HardWare.fr
  Programmation

  SVG allez jeter un coup d'oeil

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

SVG allez jeter un coup d'oeil

n°45582
shinji
Posté le 10-07-2001 à 11:16:49  profilanswer
 

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/

mood
Publicité
Posté le 10-07-2001 à 11:16:49  profilanswer
 

n°45618
instantdha​rma
Ailleurs c'est ici
Posté le 10-07-2001 à 12:28:22  profilanswer
 

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
n°45655
ezzz
23
Posté le 10-07-2001 à 14:06:50  profilanswer
 

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


---------------
mon flick r - 23 - https://youtu.be/LAr6oAKieHk
n°45661
shinji
Posté le 10-07-2001 à 14:11:14  profilanswer
 

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?

n°45663
youdontcar​e
Posté le 10-07-2001 à 14:14:16  profilanswer
 

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 :)

n°45668
shinji
Posté le 10-07-2001 à 14:21:21  profilanswer
 

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

n°45703
Largo
troubadour
Posté le 10-07-2001 à 15:22:28  profilanswer
 

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!!

n°45711
Largo
troubadour
Posté le 10-07-2001 à 15:38:46  profilanswer
 

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é.

n°45712
youdontcar​e
Posté le 10-07-2001 à 15:40:15  profilanswer
 

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.

n°45716
shinji
Posté le 10-07-2001 à 15:48:34  profilanswer
 

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>

mood
Publicité
Posté le 10-07-2001 à 15:48:34  profilanswer
 

n°45720
Largo
troubadour
Posté le 10-07-2001 à 15:58:11  profilanswer
 

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!! :))

n°45729
shinji
Posté le 10-07-2001 à 16:09:24  profilanswer
 

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?


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation

  SVG allez jeter un coup d'oeil

 

Sujets relatifs
SVGAllez les gars! un petit coup de rein
[Quick basic] arghhhh je galere jetez un coup deuil svp....Vous pouvez me donner un ptit coup de pouce en C ?
Allez, je viens vous emmerder un peu...j'ai besoin d'un coup de pousse en SQL
[PHP] Un petit coup de main?J'ai besoin d'un ptit coup de main en C
Besoin d'un coup de main pour VB sous Access 
Plus de sujets relatifs à : SVG allez jeter un coup d'oeil


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR