В настоящее время я работаю над проектом «Photo Collage Maker», который нуждается в большей области холста и сотнях объектов (текст, изображения, фигуры, клип-арт и т. Д.). Проблема заключается в перемещении, масштабировании и вращении этих объектов, Fabric.js отображает все объекты, которые делают его слишком медленным. Я хочу отображать только выбранные объекты поверх холста ткани. Я также тестировал renderOnAddition, renderTop, но они не то, что я хочу.Рендеринг выбранного объекта только при перемещении, масштабировании и повороте
Я хочу следующее:
canvas.on('object:moving', function(e) {
var activeObject = e.target;
//canvas.renderAll();
canvas.renderObjects(activeObject);
});
Теперь вместо canvas.renderAll()
, мне нужен метод, как canvas.renderObjects(activeObject)
. Как я могу достичь этой функциональности в Fabric.js?
Вот мой проект: Edit Photos For Free
Вы должны отобразить все, нет другого пути. Он не влияет на состояние объекта, который был изменен, а процесс рисования - рисование пикселей. Подобно кадрам в цифровом видео, даже если это статическое изображение, есть еще 25 кадров ... – arty
Если это невозможно, ради производительности fabricjs, как я могу реализовать свойство cacheAsBitmap так, чтобы отображалась только движущаяся часть и все остальные статические части кэшируются в виде растрового изображения. Любые идеи и алгоритм для реализации этого на fabricjs? – ep4f
извините, здесь не могу. удачи – arty