SVG

(reprise du message précédent)

jb_gfx a écrit :
Et inDesign remplacera DreamWeaver.

... ce qui serait tout sauf idiot.

Qui peut me faire cà avec le bon vieux SVG ?:
-http://midiwebconcept.free.fr/demo/ConicalGrad.htm
Pour beaucoup de choses; SVG c'est quand même pas trop fort....
Modifié par Laurie-Anne (30 Jun 2011 - 21:10)

Je viens de me fracturer un oeil...

jb_gfx a écrit :
Je viens de me fracturer un oeil...

Si ton oeil est conique, il sera impossible à reproduire avec SVG.
Surtout s'il est dégradant.

En même temps un effet "par des programmeurs pour des programmeurs" avec un rendu bof (beauf ?) qu'aucun créatif n'utilisera jamais c'est pas vraiment une grosse perte.

jb_gfx a écrit :
En même temps un effet "par des programmeurs pour des programmeurs" avec un rendu bof (beauf ?) qu'aucun créatif n'utilisera jamais c'est pas vraiment une grosse perte.

Si tu savais la demande...
Seul canvas est capable.
Merci pour le beau...f

le seul intérêt c'est pour afficher une roue chromatique pour choisir une couleur, du coup ça implique intéraction donc javascript et du coup canvas maintenant pour le web .

en passant je préfère la syntaxe du gradient versus android , j'ai eu mal à la tête à analyser ton vml ...

...
            mColors = new int[] {
                0xFFFF0000, 0xFFFF00FF, 0xFF0000FF, 0xFF00FFFF, 0xFF00FF00,
                0xFFFFFF00, 0xFFFF0000
            };
            mColorsHue = new int[] {
                    0xFFFFFFFF, 0xFF000000, color,0xFFFFFFFF
                };
            Shader s = new SweepGradient(0, 0, mColors, null);
        	
            mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
            mPaint.setShader(s);
            mPaint.setStyle(Paint.Style.STROKE);
            mPaint.setStrokeWidth(42*metrics.density);
            s = new SweepGradient(0, 0, mColorsHue, null);
                       
            mHue = new Paint(Paint.ANTI_ALIAS_FLAG);
            mHue.setShader(s);
            mHue.setStyle(Paint.Style.STROKE);
            mHue.setStrokeWidth(26*metrics.density);
...
	float r = center_x - (mPaint.getStrokeWidth()-1)*0.5f;
            float rh = CENTER_RADIUS*metrics.density+mHue.getStrokeWidth();
                        
            canvas.translate(center_x+2, center_y);
            
            canvas.drawOval(new RectF(-r, -r, r, r), mPaint);            
            canvas.drawOval(new RectF(-rh, -rh, rh, rh), mHue);            

ce qui nous donne ceci :
http://arialia.fr/arialia/logiciels/ariadice/couleur.png

j'adore la fonction sweepgradient ...

a écrit :
public SweepGradient (float cx, float cy, int[] colors, float[] positions)
Since: API Level 1

A subclass of Shader that draws a sweep gradient around a center point.
Parameters
cx The x-coordinate of the center
cy The y-coordinate of the center
colors The colors to be distributed between around the center. There must be at least 2 colors in the array.
positions May be NULL. The relative position of each corresponding color in the colors array, beginning with 0 and ending with 1.0. If the values are not monotonic, the drawing may produce unexpected results. If positions is NULL, then the colors are automatically spaced evenly.

on peut pas faire plus simple je pense , mais bon à part faire une roue chromatique comme je l'ai fait dans mon programme je ne voie pas en quoi c'est utile ...
En dessin pur c'est le radial ou le linear et là il n'y a aucun souci pour svg.
Modifié par Arialia (29 Jun 2011 - 22:00)

frabie a écrit :

Seul canvas est capable.

Ah bon?!…

Bon, tu es passionné par vml, ok, soit… Mais enfin, je ne vois qui tu veux convaincre en venant rajouter une couche sur cette (vielle) technologie qui ne fonctionne QUE dans IE.

Et puis inkscape sait faire du svg pas du vml ...

Arialia a écrit :
j'adore la fonction sweepgradient ...

Oui mais le dégradé conique il est où? C'est plus utile qu'on ne le pense.
Sinon pourquoi Corel Draw l'intègre depuis si longtemps?
Et puis, un lien exemple vers fichier SVG c'est plus convainquant.

Patidou a écrit :

Ah bon?!…

C'est pas du conique.

Patidou a écrit :

je ne vois qui tu veux convaincre en venant rajouter une couche sur cette (vielle) technologie qui ne fonctionne QUE dans IE.

Pour un rendu SVG complet, il faut demander aux Internautes de passer sur Opera.
Pour VML, il faut demander de passer sur Internet Explorer.
Opera= <3% parts marché
IE= 56% parts marché
Le choix est vite fait non ?

frabie a écrit :

C'est pas du conique.

Mouais. Admettons. J'ai regardé ton fichier vml et c'est juste plusieurs éléments en couleur avec un masque en jpg. Sauf erreur de ma part, c'est tout à fait faisable en SVG.

frabie a écrit :
Pour un rendu SVG complet, il faut demander aux Internautes de passer sur Opera.
Pour VML, il faut demander de passer sur Internet Explorer.
Opera= &lt;3% parts marché
IE= 56% parts marché
Le choix est vite fait non ?

Heu, les navigateurs actuels affichent correctement le svg, maintenant c'est sûr qu'il y a des subtilités qui ne fonctionneront pas dans un ou dans l'autre mais amha ça couvre 95% des besoins. Entre un format compris par 100% des navigateurs récents et un autre par 46% (et ça continue à diminuer), le choix est vite fait en effet.
Modifié par Patidou (30 Jun 2011 - 10:13)

Patidou a écrit :
J'ai regardé ton fichier vml et c'est juste plusieurs éléments en couleur avec un masque en jpg.

C'est pas mon fichier VML
Le résultat est là non ?

Patidou a écrit :
Sauf erreur de ma part, c'est tout à fait faisable en SVG.

La preuve ?

Patidou a écrit :
Cà couvre 95% des besoins.

Non
Ce garçon qui a beaucoup de mérite pour faire connaître SVG vous en parlera mieux que moi:
http://svground.free.fr/

frabie a écrit :

Oui mais le dégradé conique il est où? C'est plus utile qu'on ne le pense.
Sinon pourquoi Corel Draw l'intègre depuis si longtemps?
Et puis, un lien exemple vers fichier SVG c'est plus convainquant.

c'est bien un dégradé conique mais appliqué au contour
sinon si j'ai bien compris c'est juste ce type de dégradé qu'il te manque dans svg ?
c'est dommage que les concepteurs du format svg n'y aient pas pensé en effet, maintenant svg peut encore évoluer de même que les navigateurs.

De plus avec javascript on peut pallier aux manques de svg, merci Patidou pour raphael.js

Sinon bien sûr tous les navigateurs n'implémentent pas tout svg , mais tous évoluent ... il y a quelques années aucun ne le supportait il fallait des plugins. Le souci c'est que comme HTML, CSS , SVG évolue encore et c'est normal.

Ce que tu dois faire en pur javascript aujourd'hui peut-être que demain ce sera faisable en svg et implémenté dans les navigateurs.

SVG a eu du mal a décoller mais il est présent partout maintenant.

Ça fait plusieurs fois en peu de temps que des membres du forum bashent SVG un peu gratuitement à mon avis.
Ce n'est probablement pas la solution à *tous* les problèmes, mais ses possibilités sont largement sous-estimées. Ce http://www.nissanusa.com/leaf-electric-car/indexsite de Nissan emploie essentiellement SVG par exemple.
On eu une excellente présentation sur ce sujet à Sudweb, je vous encourage à parcourir l'article et les liens du blog de Jérémie

frabie a écrit :

La preuve ?

Voilà, du svg avec un masque bitmap, pas le temps ni les connaissances pour refaire le conique de l'autre.

frabie a écrit :

Ce garçon qui a beaucoup de mérite pour faire connaître SVG vous en parlera mieux que moi:
http://svground.free.fr/

Il a du mérite, certes, mais ça date de 3 ans, une éternité en informatique.

Arialia a écrit :


c'est bien un dégradé conique mais appliqué au contour
sinon si j'ai bien compris c'est juste ce type de dégradé qu'il te manque dans svg ?

Le fameux dégradé conique ce sont des «morceaux de tarte» colorés et enchevêtrés avec un masque en jpeg sur chaque, ce n'est pas une fonction spécifique au vml mais juste une astuce de présentation. On peut faire la même chose en SVG.
Modifié par Patidou (30 Jun 2011 - 15:35)

Merci Patidou un de tes précédents posts m'avait mis la puce à l'oreille , voilà mis en application ce que cela donne , bon mes morceaux sont pas nombreux , j'ai fait que 4 parts , pas très bien assemblés sous inkscape
http://www.arialia.fr/essais/svg/roue4.svg
mais bon l'esprit est là, au passage puissants ces masques.

bon mes masques png ne sont pas optimisés ....

On remarque que le rendu en SVG est bien plus beau qu'en VML.

Bravo

Arialia a écrit :
voilà mis en application ce que cela donne , bon mes morceaux sont pas nombreux , j'ai fait que 4 parts , pas très bien assemblés sous inkscape
http://www.arialia.fr/essais/svg/roue4.svg
mais bon l'esprit est là, au passage puissants ces masques.
bon mes masques png ne sont pas optimisés ....

Bravo c'est vrai.
Quant au rendu, c'est plus du aux couleurs employées. Et le 6 parts est plus difficile.
Mais merci, celà me servira grandement.

Bon maintenant je vais encore être ch.ant...
Il a fallu presque 10ans pour que SVG arrive à la ceinture de VML.
Faudra-t-il encore 10ans pour obtenir (comme dans VML+IE):
L'ombre double ? http://midiwebconcept.free.fr/clock.jpg - L'extrusion 3d ? http://midiwebconcept.free.fr/pict26.jpg - Le dégradé de shape ? http://midiwebconcept.free.fr/pict3.jpg
- Sans compter l'intégration dans HTML5 ?
Et surtout de l'air dans le code... Parceque pour reproduire les trois exemples ci-dessus, il faut une encyclopédie d'écriture avec SVG!