Замените изображение ткани JS canvas на изображение hq programaticaly и пересчитайте coord и размеры других объектов

Мне нужно сделать представление hq объектов холста ткани. есть фотографии низкого качества, которые были загружены Пользователем в процессе создания. Мне нужно заменить фотографии оригинальными версиями HQ, а затем пересчитать координаты и размеры других объектов на холсте. Поскольку я собираюсь использовать серверную сторону для замены фотографий на полотне ткани, мне нужно nodejs, чтобы запустить ткань на нем.
Это правильный способ достичь того, что мне нужно, или есть более простое решение? и если его правильный путь может кто-нибудь дать мне пример кода fiddle пожалуйста?

P.S. использованиеcanvas.toSvg, а затем изменить его размер с imagemagick в php не помогло привести качество 2000×2000 px изображения, созданного из 200×200 px полностью плохо.

1 ответ

  1. найти решение. необходимо установить сервер nodejs.
    1. сохраните данные холста в json
    2. измените путь к вашему img низкого качества с путем вашего img hq
    3. отправьте его nodejs по ajax call.
    4. загрузка canvas из json на сервере nodejs
    5. сохранить окончательный холст в img