HTMLCanvas 'getContext' không phải là thuộc tính hoặc phương thức được hỗ trợ

Question

Tôi vừa mới công bố ứng dụng trò chơi HTML5 và tôi tiếp tục nhận được đối tượng 'không hỗ trợ thuộc tính hoặc phương pháp' getContext 'nhật ký lỗi từ một số người dùng của tôi.

Thiết lập của tôi chỉ cho phép người dùng có Chrome (16 <), Firefox (9 <) hoặc IE (9 <) để chơi trò chơi. IE (< 9) người dùng nhận cài đặt chromeframe trên khuôn mặt của họ.

Chỉ một số người dùng IE9 của tôi ném ngoại lệ này. Tôi đã chơi trò chơi trên một số cửa sổ máy với IE9, cả vista và windows 7.

Tìm kiếm nguồn của tôi, cho hàm getContext, tôi nhận được cùng một mẫu. Tôi tạo một phần tử canvas bằng cách sử dụng document.createElement, và sau đó tôi gọi getContext ('2d'), dòng tiếp theo.

var buffer = /** @type {!HTMLCanvasElement} */ (document.createElement('canvas')), 
    ctx = /** @type {!CanvasRenderingContext2D} */ (buffer.getContext('2d')), 
    draw = function(ctx) { 
     /** 
     * Alot of drawing calls. 
     */ 
    }; 
draw(ctx); 

Cho rằng rất nhiều người dùng IE9 tôi chạy các trò chơi như nó phải, tôi không nghĩ rằng đây là một vấn đề với mã của tôi, mà đúng hơn là một số thanh công cụ/plugin hoặc thiết lập trong IE9 được vấp ngã tôi ở đây .

Các bạn nghĩ sao?

Answer 1

theo như tôi biết IE9 hỗ trợ đầy đủ thẻ canvas. Nhưng người dùng nên đảm bảo rằng anh ta không ở chế độ tương thích. Nhưng chỉ để tránh vấn đề tôi đề nghị bạn sử dụng excanvas. Nếu bạn không biết cách tải xuống excanvas và thêm liên kết sau

<!--[if lt IE 9]><script src="../excanvas/excanvas.original.js"></script><![endif]--> 

Answer 2

Bạn có cho rằng khả năng người dùng không biết họ đang sử dụng phiên bản IE nào và báo cáo không chính xác?

Answer 3

Sau khi chèn <meta http-equiv="X-UA-Compatible" content="chrome=1, IE=edge"> chúng tôi đã giảm số lượng lỗi rất nhiều, chúng tôi vẫn có một vài, nhưng đó có thể là người dùng đăng nhập bằng các trình duyệt lạ mà kiểm tra cài đặt chromeframe không bắt được.

chrome = 1 nghĩa là 'sử dụng khung chrome' nếu ở đó.

IE = cạnh có nghĩa là 'sử dụng phiên bản IE cao nhất có thể'.

Vì vậy, tôi sẽ đi với điều đó ngay bây giờ.

Answer 4

Từ Instructions

yếu tố động tạo Nếu bạn đã tạo ra yếu tố canvas của bạn tự động nó sẽ không có phương pháp getContext thêm vào nguyên tố này. Để làm cho nó hoạt động, bạn cần gọi initElement trên đối tượng G_vmlCanvasManager.

var el = document.createElement('canvas'); 
G_vmlCanvasManager.initElement(el); 
var ctx = el.getContext('2d');