נוספה תמיכה ב-Canvas toBlob() ב-Chrome 50

רכיב הקנבס עובר שדרוג החל מגרסה 50 של Chrome: עכשיו יש לו תמיכה בשיטה 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.