Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

Chrome 50 में Canvas toBlob() की सुविधा जोड़ी गई

Paul Lewis

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() API का इस्तेमाल किया जा सकता है. यह Chrome 50 में भी उपलब्ध होगा.