fabric.js - создать изображение объекта из ImageData объекта холста API

Question

Я хочу, чтобы создать объект изображения в fabric.js от ImageData объекта, мы можем получить ImageData от этого:

var imgData=ctx.getImageData(10,10,50,50); 
//ctx.putImageData(imgData,10,70); 

// something liket that 
var image = new fabric.Image.fromImageData (...); 

Есть ли способ создать объект изображения с объекта ImageData?

Answer 1

Позвольте мне поставить свою идею здесь, мне не нравится этот путь, но нет других вокруг -

var ctx = canvas.getContext('2d'); 
var data = ctx.getImageData(0, 0, 20, 20); 

var c = document.createElement('canvas'); 

c.setAttribute('id', '_temp_canvas'); 
c.width = 20; 
c.height = 20; 

c.getContext('2d').putImageData(data, 0, 0); 

fabric.Image.fromURL(c.toDataURL(), function(img) { 
    img.left = 50; 
    img.top = 50; 
    canvas.add(img); 
    img.bringToFront(); 
    c = null; 
    $('#_temp_canvas').remove(); 
    canvas.renderAll(); 
});