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

Paul Lewis

Tuval öğesi, Chrome 50 itibarıyla yeni bir özellik kazanıyor: Artık toBlob() yöntemini destekliyor. Bu, istemci tarafında resim oluşturan ve bunları sunucuya yüklemek ya da gelecekte kullanmak için IndexedDB'de depolamak isteyen herkes için harika 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 çok kullanışlıdır. Çünkü toDataURL()'dan aldığınız base64 kodlu bir dizeyi değiştirmek yerine artık kodlanmış ikili verilerle doğrudan çalışabilirsiniz. Daha küçüktür ve veri URI'sinden daha fazla kullanım alanına uygundur.

Başka bir tuval bağlamında resim topakları çizip çizemeyeceğinizi merak ediyorsanız Firefox ve Chrome'da cevabın kesinlikle evet olduğunu söyleyebiliriz. Bunu, Chrome 50'de kullanıma sunulacak olan createImageBitmap() API'siyle yapabilirsiniz.