SVG allez jeter un coup d'oeil - Programmation
Marsh Posté le 10-07-2001 à 12:28:22
En effet, voilà ce que ça donne :
Citation : |
Marsh Posté le 10-07-2001 à 14:06:50
meuah ca marche pas tres bien ...
j'aurai pourtant bien aimé voir le zoli nimages
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?
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
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!!
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é.
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.
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>
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!! )
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?
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/