canvas.toBlob()

Canvas.toBlob() - повертає Blob з двійковими даними полотна canvas.

Синтаксис:

Canvas.toBlob( callback, mimeType, qualityArgument );

Параметри:

Canvas - елемент Canvas.

callback - функція зворотного виклику, яка містить єдиний параметр об'єкт Blob.

type - рядок який містить тип зображення який повертається. Можливі значення: "image/png", "image/jpeg", "image/webp". По замовчуванню: "image/png". Не всі браузери підтримують усі типи.

qualityArgument - число від 0 до 1 яке вказує на якість зображення image/jpeg.

Опис:

toBlob() метод елементу Canvas який повертає об'єкт Blob який містить двійкові дані полотна.

Приклад:

<canvas id="canvas"></canvas>

var canvas = document.getElementById('canvas');
if(canvas.toBlob){

 canvas.width=100;
 canvas.height=100;
 var ctx = canvas.getContext('2d');
 ctx.fillStyle = 'red';
 ctx.fillRect(2, 3, 70, 95);
 canvas.toBlob(function(blob) {
    alert(blob);
  }, 'image/png');

}else alert('Ваш браузер не підтримує метод toBlob');

var canvas=document.getElementById('canvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#3e3e3d';
ctx.fillRect(0,0,canvas.width, canvas.height);
canvas.toBlob(function(blob){
	var url=URL.createObjectURL(blob, blob.type);
	w=window.open(url);
},'image/png');