Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

android — Canvas toàn màn hình trên thiết bị di động

In lại Tác giả: Taklimakan Thời gian cập nhật: 2023-11-02 22:17:01 25 4
mua khóa gpt4 Nike

Tôi đã tạo một trò chơi Canvas nhỏ mà tôi muốn chạy trên PC và thiết bị di động.

Trên PC, khu vực Canvas hoạt động như mong đợi nhưng có vấn đề phát sinh khi thiết kế cho thiết bị di động.

Có cách nào (CSS hoặc javascript) để làm cho vùng Canvas trong trang web trở thành toàn màn hình khi người dùng nhấp đúp vào không? Bạn không thể chơi trò chơi trừ khi Canvas đủ lớn để vừa với toàn bộ màn hình, nhưng tôi thấy khó có thể chia tỷ lệ để Canvas xuất hiện ở chế độ toàn màn hình trên thiết bị di động.

Nói cách khác, tôi muốn giải pháp CSS hoặc javascript/jQuery hiển thị toàn màn hình khu vực Canvas (với tỷ lệ được đặt trên thiết bị để vừa khít với khu vực Canvas) trên thiết bị di động.

Example 

vải vẽ{
    chiều rộng:624;
    chiều cao: 351;
    nền: đỏ;
}

Ví dụ: hãy thử nhấp đúp vào iPhone. Thao tác mặc định trên Safari trên iPhone là phóng to bằng Canvas nhưng vẫn chưa vừa với Canvas. Bây giờ chúng ta nên bỏ qua tỷ lệ khung hình, nhưng nếu tỷ lệ khung hình của Canvas khác với tỷ lệ khung hình của màn hình thiết bị thì sẽ rất tuyệt nếu thêm một số dải màu đen trống ở trên và dưới :D

Hay nói cách khác: khi người dùng nhấp đúp vào Canvas, tôi muốn màn hình "khóa", vô hiệu hóa tính năng xoay hoặc thu phóng cho đến khi người dùng nhấp đúp lần nữa.

câu trả lời hay nhất

Từ:

http://impactjs.com/documentation/impact-on-mobile-platforms#always-render-in-the-native-solution

Nếu một pixel trên Canvas của bạn không tương ứng trực tiếp với một pixel trên màn hình thiết bị thì toàn bộ Canvas phải được trình duyệt thu nhỏ lại trước khi có thể hiển thị – điều này rất chậm.

Hầu hết các trình duyệt trên thiết bị di động đều hỗ trợ thẻ meta khung nhìn. Sử dụng thẻ này bạn có thể khóa mức thu phóng của trang thành 1, tức là không thu phóng.


Điều này đã đảm bảo rằng Canvas được hiển thị ở độ phân giải gốc.

Về javascript - Canvas toàn màn hình trên thiết bị di động, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/13157586/

25 4 0
Bài viết khuyến nghị: Tại sao 'on()' của mô hình Backbone.js lại lấy 'this' làm đối số cuối cùng, nếu trường hợp đó hầu như luôn như vậy?
Bài viết khuyến nghị: Tại sao `Array.length`, `Function.length`, `String.length`, v.v. trả về 1?
Bài viết khuyến nghị: javascript - Các loại tham chiếu và GetValue()
Bài viết khuyến nghị: android — Thử Catch không bắt được lỗi cú pháp trong Chrome
Taklimakan
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress