एचटीएमएल 5 कैनवास निर्देशांक (0,0)

Question

पर पाठ भर नहीं करता है fillText(text, 0,0) के लिए कैनवास कुछ भी क्यों नहीं करता है लेकिन fillText(text, 10, 10) के लिए काम करता है?

fillText(text, 0,0):http://jsfiddle.net/kFhQm/4/

fillText(text, 10, 10):http://jsfiddle.net/kFhQm/5/

Answer 1

दूसरा तर्क वाई पाठ (डिफ़ॉल्ट textBaseline"alphabetic" है) की आधारभूत के लिए समन्वय है, इसलिए पाठ दिखाई canvas ऊपर तैयार की जा रही है तत्व जब आप 0 का उपयोग करते हैं।

jsFiddle।

आप एक अलग संख्या या वैकल्पिक रूप से उपयोग कर सकते हैं, textBaseline संपत्ति को उपयुक्त कुछ "top" पर बदलें।

ctx.textBaseline = "top"; 

jsFiddle।