मैं और अधिक हाल ही में html5 परियोजनाओं पर काम कर रहा हूँलेकिन मुझे लगता है कि मैंने एक टक्कर मार दी है। वर्तमान में मैं html5 और jQuery में निर्मित एक सरल गेम पर काम कर रहा हूं। हाथ में मुद्दा: कैनवास में एक छवि को ठीक से प्रदर्शित करना। मैंने जो किया है वह एक पृष्ठभूमि है जो 1080 x 720 है। और इसे ठीक उसी चश्मे के अपने कैनवास में रखने की कोशिश की। यकीन नहीं होता कि यह एक ब्राउज़र मुद्दा है या अगर यह कुछ मैंने Google और स्टैक खोज परिणामों के बीच याद किया है, लेकिन किसी भी मदद की बहुत सराहना की जाती है (फ़ायरफ़ॉक्स 26 और क्रोम का उपयोग करके)। 32)
संपादित करें: क्षमा करें, शेष विवरण नीचे टिप्पणी में है ..
उत्तर:
उत्तर № 1 के लिए 1आईटी इस उपयुक्त आपकी समस्या यह है कि आपने कैनवास के आकार को सेट करने के लिए CSS गुणों का उपयोग किया है width तथा height तत्व पर ही विशेषताएँ।
पूर्व (यदि निर्दिष्ट है) सेट करता है कि कैनवास वास्तव में पृष्ठ पर कितना बड़ा दिखाई देता है। उत्तरार्द्ध कैनवास में पिक्सेल की वास्तविक संख्या और डिफ़ॉल्ट (AFAICR) को 300x100 पर सेट करता है।
यदि दो डॉन "टी मैच, सभी कैनवास संचालन को बढ़ाया जाएगा।
तो, अगर आप अभी उपयोग करते हैं:
<canvas width="1080" height="720"> </canvas>
आपको ठीक होना चाहिए।