Zoom как в фотошопе на canvas

245
27 октября 2017, 14:59

Создаю графический редактор с помощью canvas b fabric.js на javaScript. Пользователь редактирует картинку, потом нажимает кнопку и она должна отправляться на сервер.Картинка должна быть в разрешении 1060x2400.Если создавать canvas c таким разрешением, то на экран он не помещается. Есть функция canvas.setZoom, но при её использовании если мы сохраняем картинку, например так

function saveImage(image) {
var link = document.createElement("a");
link.setAttribute("href", image.src);
link.setAttribute("download", "canvasImage");
link.click();}

то сохраняется только та часть, которая в данный момент видна в canvas. Вопрос в том, реально ли имея canvas размером 530х1200 на экране пользователя сохранять картинку в разрешении 1060х2400. По сути я пытаюсь реализовать zoom, как в фотошопе например.

READ ALSO
Как использовать метод arrey.find js

Как использовать метод arrey.find js

исходя из значения time будет запускать таймер и по истечении оного - выводить алертКак это можно реализовать?

357
Как сгруппировать `div` по 4 штуки?

Как сгруппировать `div` по 4 штуки?

Изначально есть такая структура:

390
Экземпляры Vue.js?

Экземпляры Vue.js?

Сколько экземпляров можно создать?

271
sequelize, большое количество моделей-таблиц

sequelize, большое количество моделей-таблиц

Есть mysql база данных, в которой есть огромное (несколько десятков миллионов) таблиц, которые содержат исторически накапливаемые данныеТаблицы...

279