KonvaJS прогрессивная загрузка изображений

Следуя примеру изображения KonvaJS здесь: руководство по изображению HTML Canvas

Я пытаюсь загрузить изображения большого размера (3-5 МБ). Загрузка изображений занимает много времени и вызывает очень неприятные ощущения. Есть ли способ сделать прогрессивную (или ленивую) загрузку изображения на Konva Stage (Canvas)?

Стек разработки включает: NodeJs react react-konva


reactjs node.js javascript html5-canvas konvajs
person Ahmed Abdelrahman    schedule 24.10.2017    source источник
comment
Я думаю, что будет лучше показывать легкую загрузку изображения вместо исходного изображения, пока оно загружается.   -  person lavrton    schedule 24.10.2017

Ответы (1)


arrow_upward
0
arrow_downward

Нет, ты не можешь этого сделать. С canvas 2d вы не можете, изображение должно быть полностью загружено и декодировано, чтобы на нем можно было рисовать, а KonvaJS использует canvas 2d.

Попробуйте альтернативное решение. Сжимайте изображение, разрезайте изображение на несколько частей, чтобы вы могли рисовать их по мере загрузки, уменьшайте размер изображения, пробуйте разные форматы...

person Community    schedule 24.10.2017
comment
Ну... вы могли бы создать свой собственный декодер изображений и таким образом вы могли бы сделать прогрессивный дисплей, но это кажется довольно сумасшедшим, и я не думаю, что это то, о чем вы спрашиваете. - person ; 24.10.2017