Openweb.eu.org

SVG ou Canvas, que choisir ?

PICATY — 2017-03-24T14:21:21Z

bonjour,
je n'y connais rien dans tous les "formats" d'images mais je rencontre un problème bien particulier, alors si vous pouvez m'aider ??? Je scanne mes dessins avec photoshop (jpg) et ensuite je passe par un convertisseur pour les avoir en svg afin de travailler avec la machine ScanNcut de Brother (https://scanncutcanvas.brother.com/fr/Home)
Là réside mon problème : mon dessin présente un double trait (je le vois uniquement quand je zoom). Ensuite quand j'utilise ma ScanNcut, elle me fait 2 découpes bien sûr.
Donc, comment faire pour éviter ce double trait (à part l'enlever point par point) ?
merci

SVG ou Canvas, que choisir ?

lionel — 2017-02-10T10:01:01Z

super article bien détaillé, je bosse dans un studio d'animation à paris et je dois faire une vidéo mettant "en scène" ces deux technologies et votre article m'aide beaucoup

SVG ou Canvas, que choisir ?

MainDor — 2014-12-23T15:40:20Z

Bonjour,

Très bon article. Encore novice avec ces technologie j'aimerais savoir si c'est possible de faire du détourage d'image et du changement de couleur ou autre sur ce detourage

SVG ou Canvas, que choisir ?

juju — 2013-10-20T16:14:00Z

Bon article.
Je souhaitais utiliser une des deux technologies pour un projet personnel, je pensais déjà utiliser les canvas, mais cet article explique bien les différences de performance.

SVG ou Canvas, que choisir ?

Anonyme — 2012-11-20T14:12:36Z

Si vous voulez faire de l'interactif, Canvas est plus approprié. Pourquoi ? Car avec Javascript, vous pouvez mettre des if {}, genre :
if (confirm("Voulez-vous afficher un canvas ?"))

//Code Canvas

SVG ou Canvas, que choisir ?

Huile de Code — 2012-10-10T10:21:14Z

Sébastien pour de la cartographie je vous conseille d'utiliser un fond de carte comme OpenStreetMap qui vous met à disposition l'ensemble de la planète. Associé à OpenLayers vous pourrez réaliser votre carte de France découper par département avec en bonus le possibilité de zoomer pour aller voir le détail du département. Exemple d'utilisation d'OpenStreeMap et OpenLayers : http://www.lemarsan.fr/osm/lemarsan/lemarsan_osm.html
Vous pouvez regarder le code source pour comprendre comment ça fonctionne.

SVG ou Canvas, que choisir ?

Sébastien — 2012-07-03T14:57:21Z

Merci pour vos réponses !

Je n'ai en réalité pas de préférence et n'ai jamais vraiment eu le besoin d'utiliser ces technologies jusqu'à aujourd'hui, d'où mes recherches. J'ai l'impression qu'en terme de cartographie, le Canvas est adapté pour un besoin simple et ponctuel, le SVG semble être une solution plus pérenne.

SVG ou Canvas, que choisir ?

Jeremie Patonnier — 2012-06-21T20:40:17Z

@Sébastien

Comme je le disais, tout est affaire de contexte et de besoins (comme très souvent en matière de choix technique web). Si tu n'as pas besoin des avantages de SVG et que tu connais mieux canvas, Amen, choisi canvas.

Ceci dit, si JE devais choisir, j'irai vers SVG sans l'ombre d'une hésitation pour ce cas d'usage pour les raisons suivante :

1. Le nombre de fonds de carte disponibles en SVG est juste hallucinant, il n'y a que l'embarras du choix.

2. Il n'est pas rare de devoir faire des zoom en cartographie, et même si ça n'est pas dans le cahier des charges, je ne serais pas surpris que ce besoin face sont apparition dans le projet à un moment ou à un autre. Or sur ce sujet, SVG est beaucoup plus facile à manipuler que canvas

3. Je suis personnellement bien plus à l'aise avec SVG qu'avec canvas :P

SVG ou Canvas, que choisir ?

Frank Taillandier — 2012-06-21T11:42:40Z

Pour les cartographie, il me semble que SVG est davantage utilisé.

Au passage j'en profite pour signaler un outil bien pratique dédié à la cartographie pour le web :
http://mapbox.com/tilemill/

SVG ou Canvas, que choisir ?

Sébastien — 2012-06-21T10:28:57Z

Bonjour,

Très bon article, merci !

Seulement je n'arrive toujours pas à me décider pour un besoin bien précis : une carte de France découpée par régions. Quelle technologie vous semble la plus adaptée ? N'ayant ni besoin de DOM, image vectorielle ou de gestion en image, le Canvas semble mieux, mais en lisant cet autre article : http://msdn.microsoft.com/fr-fr/library/gg589492%28v=vs.85%29.aspx j'ai l'impression que le SVG est plus optimal...

Avez-vous un avis ?

SVG ou Canvas, que choisir ?

2012-02-01T15:04:47Z

Pour répondre à Nicolas, le CSS3 n'est encore pas suffisamment bien implanté (au jour d'aujourd'hui) dans les navigateurs modernes ce qui provoque souvent de multiples désagréments et différences de rendu entre ces mêmes navigateurs.
L'avantage du SVG est qu'il est un format pris en compte sur tous les navigateurs, y comprit IE9 !

En complément de cet article voici la vidéo de la conférence de Jeremie Patonnier à Sud Web 2011.

Vivien Blasquez

SVG ou Canvas, que choisir ?

2012-01-30T10:53:33Z

Merci pour cet article vraiment bien détaillé et accessible.
Il est vrai que j'ai pour ma part toujours utilisé Canvas pour des problèmes de perfs. Aujourd'hui avec CSS3 je crois que l'on peut faire aussi pas mal de choses, mais la aussi les performances sont médiocres dès qu'il y a un peu de complexité, non ?

Nicolas Chevallier