SVG là một ngôn ngữ để mô tả đồ họa 2D trong XML. Canvas vẽ đồ họa 2D một cách nhanh chóng (với JavaScript).

Sự khác biệt giữa SVG và Canvas sẽ hữu ích trong việc chọn đúng.

Canvas 

• Phụ thuộc resolution
• Không hỗ trợ các Event handler
• Khả năng hiển thị văn bản kém
• Bạn có thể lưu hình ảnh kết quả dưới dạng .png hoặc .jpg
• Rất thích hợp cho các trò chơi đồ họa chuyên sâu

SVG

• Resolution độc lập
• Hỗ trợ các Event handler
• Phù hợp nhất cho các ứng dụng có khu vực hiển thị lớn (Google Maps)
• Render chậm nếu phức tạp (bất kỳ thứ gì sử dụng DOM nhiều sẽ chậm)
• Không phù hợp với ứng dụng trò chơi

Kết luận

SVG tốt hơn cho các ứng dụng và ứng dụng có ít item.

Canvas tốt hơn cho hàng nghìn đối tượng và thao tác cẩn thận, nhưng cần nhiều mã hơn (hoặc một thư viện) để hoàn thiện nó.