Chrome 50'de Canvas toBlob() desteği eklendi

Tuval öğesi, Chrome 50 sürümünden itibaren yeni sürüme geçiriliyor: Artık toBlob() yöntemini destekliyor. Bu, istemci tarafında görüntü oluşturan ve bunları kendi sunucularına yüklemek veya gelecekte kullanmak üzere IndexedDB'de saklamak isteyen herkes için çok iyi bir haber.

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() kullanmak harikadır. Çünkü toDataURL() üzerinden aldığınız base64 olarak kodlanmış dizeyi değiştirmek yerine, kodlanmış ikili verilerle doğrudan çalışabilirsiniz. Daha küçüktür ve veri URI'sinden daha fazla kullanım alanına uyma eğilimindedir.

Başka bir tuval bağlamına resim blob'ları çizip çizemeyeceğinizi merak ediyorsanız, yanıt: Firefox ve Chrome'da, evet, kesinlikle! Bu işlemi, Chrome 50'de açılan createImageBitmap() API'si ile de yapabilirsiniz.