HTML5 Canvas (trò chơi) trên máy tính bảng iPad/Android

Question

Trong khi cố gắng tạo trò chơi bằng Canvas, tôi nhận thấy một vài điều kỳ quặc trên trình duyệt trên máy tính bảng/điện thoại.

1) Làm cách nào để vô hiệu hóa khả năng chọn Canvas? Dường như khi người dùng chạm vào nó, nó làm nổi bật khung hình và hầu như cố gắng chọn nó. Điều này là không mong muốn.

2) Cử chỉ trình duyệt slide. Một số trình duyệt có cử chỉ trượt ghi đè bất kỳ chuyển động nào được thực hiện trong canvas hoặc trang web. Điều này là cực kỳ khó chịu và không mong muốn là tốt.

3) Điều khiển Canvas với các phần tử giao diện người dùng HTML. Tôi nhận thấy khi có một canvas hiện diện với các thành phần ui (chẳng hạn như văn bản), đôi khi nhấp hoặc kéo trong canvas sẽ làm nổi bật một phần của HTML và thay vào đó kéo các phần tử HTML thay vì nhấn canvas.

Bất kỳ trợ giúp nào được đánh giá cao! Tôi đã hy vọng HTML5 sẽ đủ trưởng thành để cho phép khả năng tương thích tốt trên thiết bị di động cũng như máy tính để bàn. Ý tưởng là để có thể mã một lần và chơi ở khắp mọi nơi .... cảm ơn!

Answer 1

này cần khắc phục những vấn đề của bạn liên quan đến # 1 và # 3:

canvas.addEventListener('selectstart', function(e) { e.preventDefault(); return false; }, false); 

# 2 có vẻ như là một câu hỏi hết sức riêng biệt, nhưng tôi chưa bao giờ có một vấn đề với cử chỉ trượt trọng bất cứ thứ vải của tôi . Hãy thử sử dụng e.preventDefault(); khi bắt đầu sự kiện chạm của bạn.