कैनवस एलिमेंट को Chrome 50 के बाद अपग्रेड किया जा रहा है: अब यह toBlob() तरीके के साथ काम करता है! यह क्लाइंट साइड पर इमेज जनरेट करने वाले किसी भी व्यक्ति के लिए अच्छी खबर है, जो कहना है -- उन्हें अपने सर्वर पर अपलोड करना है या आने वाले समय में इस्तेमाल के लिए उन्हें IndexedDB में स्टोर करना है.
function sendImageToServer (canvas, url) {
function onBlob (blob) {
var request = new XMLHttpRequest();
request.open('POST', url);
request.onload = function (evt) {
// Blob sent to server.
}
request.send(blob);
}
canvas.toBlob(onBlob);
}
toBlob() का इस्तेमाल करना सबसे अच्छा है, क्योंकि toDataURL() से मिलने वाली base64 कोड में बदली गई स्ट्रिंग में बदलाव करने के बजाय, अब आप कोड में बदले गए बाइनरी डेटा के साथ सीधे काम कर सकते हैं. यह छोटा है, और डेटा यूआरआई के मुकाबले यह ज़्यादा इस्तेमाल के उदाहरणों में फ़िट हो सकता है.
अगर आपको यह जानना है कि इमेज ब्लॉब को किसी दूसरे कैनवस कॉन्टेक्स्ट के हिसाब से बनाया जा सकता है या नहीं, तो इसका जवाब है -- Firefox और Chrome में -- बिलकुल, हां! ऐसा createImageBitmap() एपीआई की मदद से किया जा सकता है. इसे Chrome 50 पर भी इस्तेमाल किया जा सकता है.