मैं एचटीएमएल 5 कैनवास में एक गेम बनाने की कोशिश कर रहा हूं, लेकिन छवियों का एक टन अपलोड करने की बजाय मैं सिर्फ एक छवि अपलोड करना चाहता हूं जिसमें सभी टाइल्स हैं। समस्या यह है कि, मुझे नहीं पता कि छवि का केवल एक हिस्सा कैसे दिखाना है। असल में मैं यह करना चाहता हूं कि Google इस छवि के साथ क्या करता है: http://www.google.com/images/srpr/nav_logo27.png निश्चित ऊंचाई/चौड़ाई वाली टाइल्स को छोड़कर। क्या कोई मुझे बता सकता है कि यह कैसे करें? इसके अलावा, यदि कैनवास के बिना नियमित HTML पृष्ठ की तुलना में कैनवास में यह अलग है, तो मैं कैनवास में इसे कैसे करूं?एचटीएमएल 5 कैनवास गेम के लिए टाइलसेट
5
A
उत्तर
13
आप drawImage
drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)
sx
,sy
का टुकड़ा करने की क्रिया पैरामीटर का उपयोग कर सकते हैं: छोड़ दिया और शीर्ष भाग की भरपाईsWidth
,sHeight
कटा हुआ जा सकता: के आयाम कटा हुआ हिस्साdx
,dy
: छोड़ दिया और कैनवास पर छवि के लिए ऑफसेट शीर्षdWidth
,dHeight
पर प्रदान करने की: कैनवास पर छवि आयाम
पर और जानकारी: Using images - Slicing (MDC)
0
स्प्राइटजेएस https://github.com/batiste/sprite.js/blob/master/sprite.js पर एक नज़र डालें, यह काम एक ही तस्वीर से स्प्राइट ड्राइंग के पल में ऑफसेट पर आधारित है।
0
इस तरह मैं इसे जीडब्ल्यूटी के साथ करता हूं: http://code.google.com/p/gwt-examples/wiki/gwt_hmtl5
संबंधित मुद्दे
- 1. एचटीएमएल 5 कैनवास गेम के लिए स्टार्ट स्क्रीन बनाना?
- 2. एचटीएमएल 5 कैनवास
- 3. एचटीएमएल 5 कैनवास जावास्क्रिप्ट
- 4. एचटीएमएल 5 के कैनवास
- 5. एचटीएमएल 5 कैनवास
- 6. ए * एचटीएमएल 5 कैनवास
- 7. एचटीएमएल 5 गेम
- 8. एचटीएमएल 5 कैनवास ड्राइंग सफारी
- 9. एचटीएमएल 5 कैनवास
- 10. एचटीएमएल 5 कैनवास
- 11. एचटीएमएल 5 कैनवास
- 12. एचटीएमएल 5 कैनवास
- 13. एचटीएमएल 5 कैनवास
- 14. एचटीएमएल 5 कैनवास
- 15. एचटीएमएल 5 कैनवास
- 16. एचटीएमएल 5 कैनवास
- 17. कैनवास/एचटीएमएल 5 रूपांतरण
- 18. एचटीएमएल 5 कैनवास
- 19. एचटीएमएल 5 कैनवास
- 20. एचटीएमएल 5 कैनवास मास्क
- 21. एचटीएमएल 5 कैनवास सीमाएं
- 22. एचटीएमएल 5 कैनवास बेजियर
- 23. एचटीएमएल 5 और कैनवास
- 24. एचटीएमएल 5 कैनवास:
- 25. कैनवास एचटीएमएल 5
- 26. एचटीएमएल 5 कैनवास
- 27. एचटीएमएल 5 कैनवास
- 28. एचटीएमएल 5 कैनवास
- 29. एचटीएमएल 5 कैनवास - पथ
- 30. एचटीएमएल 5 कैनवास तत्व