आईपैड/एंड्रॉइड टैबलेट पर एचटीएमएल 5 कैनवास (गेम)

Question

कैनवास का उपयोग करके गेम बनाने का प्रयास करते समय मैंने टैबलेट/फोन ब्राउज़र पर कुछ क्विर्क देखा।

1) मैं कैनवास को चुनने योग्य कैसे अक्षम कर सकता हूं? ऐसा लगता है कि जब उपयोगकर्ता इसे छूता है, तो यह कैनवास को हाइलाइट करता है, और लगभग इसे चुनने का प्रयास करता है। यह अवांछित है।

2) ब्राउज़र स्लाइड इशारे। कुछ ब्राउज़र में स्लाइड इशारे होते हैं जो कैनवास या वेबपृष्ठ में किए गए किसी भी आंदोलन को ओवरराइड करते हैं। यह भी बेहद परेशान और अवांछित है।

3) एचटीएमएल यूआई तत्वों के साथ कैनवास नियंत्रण। मैंने देखा कि साथी यूई तत्वों (जैसे टेक्स्ट) के साथ कैनवास मौजूद है, कभी-कभी कैनवास में क्लिक या ड्रैगिंग HTML के एक हिस्से को हाइलाइट करेगा और इसके बजाय कैनवास को मारने के बजाय HTML तत्वों को ड्रैग करेगा।

किसी भी मदद की बहुत सराहना कर रहा है! मैं उम्मीद कर रहा था कि एचटीएमएल 5 परिपक्व हो जाएगा ताकि मोबाइल और डेस्कटॉप पर अच्छी संगतता की अनुमति मिल सके। विचार एक बार कोड करने और हर जगह खेलने में सक्षम होना है .... धन्यवाद!

Answer 1

यह # 1 और # 3 से संबंधित अपने मुद्दों को ठीक करना चाहिए:

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

# 2 एक बहुत अलग प्रश्न की तरह लगता है, लेकिन मैं स्लाइड इशारों मेरी कैनवास सामान में से किसी अधिभावी के साथ एक समस्या थी कभी नहीं किया है । अपने स्पर्श ईवेंट की शुरुआत में e.preventDefault(); का उपयोग करने का प्रयास करें।