Добрый день,уважаемые коллеги!
Существует онлайн доска, написанная на fabric.js. Эта доска располагается на по адресу
У этой доски,однако,есть одна проблема: когда на доске объектов становится больше, чем 3000 (или объем json файла, который загружается на доску, превышает 0,7 – 2,1 Mb), доска начинает тормозить с отрисовкой картинок). Ваша задача как исполнителя ускорить процесс работы данной доски. В качестве предложения по реализации данной программы
1) Создать переменную(справочник), содержащую все элементы канваса. Удаление или доавбление элементов происходит в соответствии со справочником
2) При зуме 100% определить координаты текущего экрана(границы координат). После того, как границы определены удалять с канваса элементы неудовлевторающие определенным координатам.
3) При перемещении по экрану повторять пункт 2 а также добавлять элементы, удовлетворяющие определенным координатам
4) При зуме(приближение и удаление) повторять пункты 2 и 3.
5) Придумать оптимизации при нулевом зуме. Например скрывать элементы и выводить счетчик по областям; делать скриншоты, скрывать элементы, выводить скриншоты; ухудшать качество (разрешение) выводимых элементов