נוספה תמיכה ב-Canvas toBlob() ב-Chrome 50
bookmark_borderbookmark
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
רכיב הקנבס עובר שדרוג החל מגרסה 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.
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2016-03-14 (שעון UTC).
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2016-03-14 (שעון UTC)."],[],[]]