मैं एक छवि के रूप में उत्पन्न कैनवास heatmap.js कैसे बचा सकता है?मैं heatmap.js के साथ कैनवास टैग द्वारा जेनरेट की गई छवि फ़ाइल को कैसे सहेज सकता हूं?
मैं toDataURL() के साथ परीक्षण कर रहा हूं, लेकिन मैं नहीं कर सकता।
सर्वर पर सहेजें।
समस्या क्या है?
var heatmap1 = h337.create({"element":document.getElementById("heatmapArea"), "radius":25, "visible":true});
var url = heatmap1.get("canvas").toDataURL();
ठीक काम करने के लिए लग रहा था
रूप garmur here टिप्पणी की, तो आप सिर्फ डेटा यूआरएल स्रोत के रूप में एक img तत्व के लिए इस तरह रख सकते हैं, उदाहरण के लिए:
//assume you have the data URL in variable "url"
document.getElementById("myImage").src=url;
एचटीएमएल टैग इस तरह:
<img id="myImage"></img>
फिर कल्पना ई में डेटा यूआरएल पीढ़ी के समय canvas पर जो कुछ था, उसमें पीएनजी संस्करण (कम से कम क्रोम में) होगा।
एक साइड नोट के रूप में: उन्हें वास्तव में data URI कहा जाता है और यूआरएल नहीं है, लेकिन जावास्क्रिप्ट फ़ंक्शन वास्तव में .toDataURL() है। अजीब चीजें
मैं छवि को सर्वर पर कैसे सहेज सकता हूं? – Bcl00
कृपया समझाएं, "सर्वर पर छवि को सहेजने" का मतलब क्या है? क्या आप छवि को संसाधित करने के लिए इसे सर्वर पर भेजना चाहते हैं? मैं इसके साथ आपकी मदद नहीं कर पाऊंगा। कृपया [यह] देखें (http://stackoverflow.com/questions/5957382/how-to-save-a-html5-canvas-todataurl-string-as-a-png-on-a-php-backend?rq = 1) प्रश्न, शायद यह आपकी मदद करेगा, शायद यह नहीं होगा। यदि कोई नहीं है तो एक अलग प्रश्न स्थापित करें। – tomsmeding
पोस्ट अपूर्ण है .... कुंजी कोड को पूरा करने में विफलता। – Bcl00
लेकिन मुझे तस्वीर कैसे मिलती है? – Bcl00
यूआरएल एक 'डेटा: url' base64 एन्कोडेड स्ट्रिंग एक चित्र का प्रतिनिधित्व करता है। आप उस स्ट्रिंग को अपने सर्वर पर अपलोड कर सकते हैं और बेस 64 को छवि फ़ाइल में कनवर्ट करने के लिए एक php फ़ंक्शन का उपयोग कर सकते हैं। –
जितना मैं कोशिश करता हूं ... मैं असफल रहता हूं, अगर अपरिभाषित कार्य ... – Bcl00