Fabricjs - изображение применяется фильтры медленно и после loadFromJSON исправления

Question

Я использую изображение.applyFilters особенность fabricjs. Когда я сначала загружаю изображение на холст и применяю фильтр изображения, браузер блокирует пару секунд, особенно для изображений большого размера, превышающих 2 МБ. Но, когда я очищаю холст и загружаю его с помощью loadFromJSON, проблема фиксируется, и фильтры изображений начинают работать правильно, не блокируя браузер.

Это о fabricjs или моем коде, я не мог понять. Я буду благодарен за любую помощь.

Answer 1

Попробуйте

img.applyFilters (canvas.renderAll.bind (холст));

fabric.Image.fromURL(e.target.src, function(img) { 
      img.filters.push(new fabric.Image.filters.Tint()); 
      img.applyFilters(canvas.renderAll.bind(canvas)); 
      canvas.add(img); 
}); 

canvas.deactivateAll().renderAll();