Bạn sẽ chọn sử dụng svg hay canvas cho trang web của mình? Tại sao?

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.

Canva

• 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ẽ ...