HTML5 Canvas: Cách biết giới hạn cho kích thước?

Question

Tôi có canvas có chiều rộng 1400px và dài khoảng 12000px. Tôi có một sơ đồ phân cấp mà tôi cần vẽ. Khi nó được mở rộng hoàn toàn, nó chiếm toàn bộ canvas (kích thước mà tôi đã thiết lập).

Hiện tại, công cụ này hoạt động tốt khi tôi truy cập trang từ máy tính xách tay (trên các trình duyệt khác nhau).

Nhưng khi tôi truy cập vào trình duyệt Safari trên iPad, canvas không hiển thị hoặc nội dung trên canvas không hiển thị. Tôi nghĩ, điều này là do kích thước lớn của canvas.

Vì vậy, có vẻ như, tính khả dụng bộ nhớ hoặc phụ thuộc thiết bị ở đó, giới hạn kích thước (với kích thước cho phép theo W3C).

Làm cách nào để biết hoặc tính toán kích thước? Hoặc là có một số cách giải quyết? Có cách nào khác vòng? Tôi là người mới.

Answer 1

cách Alternative (anwsering the comment):

1. sử dụng nhiều bức tranh sơn dầu (một cho mỗi cấp độ sâu)
2. sử dụng hình ảnh render on-the-fly bởi backend (php ruby ​​python java?? ?)
3. sử dụng nhiều divs phong cách với CSS (& giải pháp nhẹ mát)
4. làm vài hình ảnh nhỏ và vị trí của chúng bằng CSS (hỗn hợp của # 2 và # 3)
012.

Đây chỉ là các đề xuất, không được kiểm tra trên dữ liệu thực.