אנחנו משדרגים את רכיב הקנבס החל מ-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 -- כן, בהחלט! אפשר לעשות זאת באמצעות ה-API של createImageBitmap(), שמגיע גם ב-Chrome 50.