Sử dụng HTML5 Canvas trên Internet Explorer (IE) với excanvas

Internet Explorer các phiên bản cũ (IE7, IE8) không hỗ trợ sẵn thẻ <canvas> của HTML5. Để sử dụng canvas trên IE cũ, bạn cần thư viện JavaScript ExplorerCanvas (excanvas).

Cách sử dụng

1. Tải file excanvas.js từ dự án ExplorerCanvas.
2. Đặt file này cùng thư mục với file HTML của bạn.
3. Thêm đoạn mã sau vào thẻ <head> của trang (chỉ tải trên IE ≤ 8):

<!--[if lte IE 8]>
  <script src="excanvas.js"></script>
<![endif]-->

Giải thích

• <!--[if lte IE 8]>...<![endif]--> là conditional comment - chỉ IE phiên bản 8 trở xuống mới đọc và thực thi code bên trong.
• Trình duyệt khác (Firefox, Safari, Opera 9+, Chrome, IE9+) sẽ bỏ qua đoạn này vì chúng đã hỗ trợ canvas gốc.

Lưu ý quan trọng

• ExplorerCanvas mô phỏng canvas qua VML (Vector Markup Language) của Microsoft, hiệu năng kém hơn canvas gốc.
• Không hỗ trợ đầy đủ tất cả API canvas (ví dụ: toDataURL(), gradient phức tạp, transform).
• IE7/IE8 đã hết hỗ trợ từ lâu. Chỉ dùng excanvas nếu bắt buộc phải hỗ trợ hệ thống legacy.
• Khuyến nghị: Khuyến khích người dùng nâng cấp trình duyệt thay vì dùng polyfill cũ.