2010-09-10 9 views
7

मुझे html5 कैनवास का उपयोग करके एक घटक बनाने की आवश्यकता है जिसने उपयोगकर्ता को उस पर चित्रित किया जा सकता है और सीधे (एक प्रकार का सेव बटन के माध्यम से) सर्वर पर इसका कस्टमाइज़ किया गया संस्करण अपलोड करें।एचटीएमएल 5 सर्वर को फाइल करने के लिए कैनवास को बचाने के लिए

क्या मैं इसके लिए एचटीएमएल कैनवास का उपयोग कर सकता हूं? कोई सुझाव?

अग्रिम

उत्तर

6

में THX आप इस तरह डेटा यूआरएल के रूप में छवि प्राप्त कर सकते हैं:

var dataUrl = document.getElementById('your-canvas').toDataURL(); 

फिर आप सर्वर को यह (बहुत लंबी स्ट्रिंग) भेज सकता है और बाद में एक फ़ाइल में सहेजें इसे डीकोडिंग (यह बेस 64 में एन्कोड किया गया है)।

संपादित करें: टिप्पणियों में सुझाए गए अनुसार POST के माध्यम से इसे सबमिट करना याद रखें। GET में विभिन्न ब्राउज़रों में कुछ लंबाई सीमाएं हैं, इसलिए डेटा की इतनी बड़ी मात्रा के साथ उन सीमाओं को पार करने की संभावना है।

+4

'POST' को अजाक्स विधि के रूप में उपयोग करना याद रखें। इसके आकार के कारण एक जीईटी टूट सकता है। –

+0

आपके अतिरिक्त के लिए धन्यवाद! – jwueller

+0

यह विधि क्रोम के साथ काम नहीं करती है। –

1

ध्यान दें कि यह वर्तमान में एंड्रॉइड (2.3 तक और इसमें शामिल) के लिए आगमन पर है। कृपया इस समस्या को तारांकित करें - http://code.google.com/p/android/issues/detail?id=7901

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