2010-12-11 17 views
5

मैं एचटीएमएल 5 कैनवास में एक गेम बनाने की कोशिश कर रहा हूं, लेकिन छवियों का एक टन अपलोड करने की बजाय मैं सिर्फ एक छवि अपलोड करना चाहता हूं जिसमें सभी टाइल्स हैं। समस्या यह है कि, मुझे नहीं पता कि छवि का केवल एक हिस्सा कैसे दिखाना है। असल में मैं यह करना चाहता हूं कि Google इस छवि के साथ क्या करता है: http://www.google.com/images/srpr/nav_logo27.png निश्चित ऊंचाई/चौड़ाई वाली टाइल्स को छोड़कर। क्या कोई मुझे बता सकता है कि यह कैसे करें? इसके अलावा, यदि कैनवास के बिना नियमित HTML पृष्ठ की तुलना में कैनवास में यह अलग है, तो मैं कैनवास में इसे कैसे करूं?एचटीएमएल 5 कैनवास गेम के लिए टाइलसेट

उत्तर

13

आप drawImage

drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) 

alt text

  • sx, sy का टुकड़ा करने की क्रिया पैरामीटर का उपयोग कर सकते हैं: छोड़ दिया और शीर्ष भाग की भरपाई
  • sWidth, sHeight कटा हुआ जा सकता: के आयाम कटा हुआ हिस्सा
  • dx, dy: छोड़ दिया और कैनवास पर छवि के लिए ऑफसेट शीर्ष
  • dWidth, dHeight पर प्रदान करने की: कैनवास पर छवि आयाम

पर और जानकारी: Using images - Slicing (MDC)

संबंधित मुद्दे