Toile HTML5 vs SVG/VML?

Question

Dites-moi ce que vous pensez de HTML5 Canvas vs SVG/VML? Donnez-moi des avantages et des inconvénients dans la comparaison.

Merci!

Answer 1

HTML5 Canvas est simplement une surface de dessin pour une carte bit. Vous mettez en place un tirage (Dites avec une couleur et une épaisseur de ligne), dessinez cette chose, puis le Canevas n'a aucune connaissance de cette chose: Il ne sait pas où c'est ou ce que c'est, ce sont juste des pixels. Si vous voulez dessiner des rectangles et les faire se déplacer ou être sélectionnable, vous devez coder tout cela à partir de zéro, y compris le code pour se souvenir que vous les avez dessinés. D'autre part, chaque élément SVG/VML que vous créez est un élément réel dans le DOM. Par défaut, cela vous permet de garder une meilleure trace des éléments que vous créez et facilite le traitement de choses comme les événements de la souris par défaut.

Le canevas serait mieux pour les choses plus rapides et la manipulation de bitmap lourde (comme l'animation), mais prendra plus de code si vous voulez beaucoup d'interactivité.