تمت إضافة دعم 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()
، يمكنك الآن العمل مع البيانات الثنائية المشفّرة مباشرةً. وهو أصغر حجمًا، ويناسب حالات استخدام أكثر من عناوين URL للبيانات.
إذا كنت تتساءل عما إذا كان بإمكانك رسم مُجمّعات صور في سياق لوحة أخرى، الإجابة هي "نعم" في Firefox وChrome. يمكنك إجراء ذلك باستخدام واجهة برمجة تطبيقات createImageBitmap()
، والتي ستتوفّر أيضًا في الإصدار 50 من Chrome.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2016-03-14 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]