ক্যানভাস উপাদানটি 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() ব্যবহার করা দুর্দান্ত, কারণ আপনি toDataURL() থেকে পাওয়া একটি base64 এনকোডেড স্ট্রিং ব্যবহার করার পরিবর্তে, আপনি এখন সরাসরি এনকোড করা বাইনারি ডেটার সাথে কাজ করতে পারেন। এটি ছোট, এবং এটি একটি ডেটা URI-এর চেয়ে বেশি ব্যবহারের ক্ষেত্রে ফিট করে।
আপনি যদি ভাবছেন যে আপনি অন্য ক্যানভাস প্রসঙ্গে ইমেজ ব্লবগুলি আঁকতে পারেন কিনা, উত্তর হল -- ফায়ারফক্স এবং ক্রোমে -- হ্যাঁ, একেবারে! আপনি createImageBitmap() API দিয়ে এটি করতে পারেন , যা Chrome 50-এও অবতরণ করছে।