تمت إضافة دعم Canvas toBlob() في Chrome 50

ستتم ترقية عنصر لوحة الرسم بدءًا من 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() أمر رائع، لأنّه بدلاً من معالجة سلسلة Base64 المشفرة التي تحصل عليها من toDataURL()، يمكنك الآن التعامل مع البيانات الثنائية المشفرة مباشرةً. وهو أصغر حجمًا ويميل إلى التوافق مع حالات استخدام أكثر من معرّف الموارد المنتظم (URI) للبيانات.

إذا كنت تتساءل عما إذا كان بإمكانك رسم فقاعات في سياق آخر للوحة، فإن الإجابة هي - في Firefox وChrome - نعم، بالطبع! ويمكنك إجراء ذلك باستخدام createImageBitmap() API المتوفّرة أيضًا في Chrome 50.