Сохранить холст fabric.js в базу данных?

Question

[Михаил Иванов]

Здравствуйте, подскажите пожалуйста, я использую скрипт fabric.js для создания лого.
Пользователь регистрируется и попадает сразу в конструктор.
Сейчас пытаюсь сохранить то что у пользователя получилось в базу данных, что бы потом пользователь смог в личном кабинете снова править то что он сохранил.
Читал документацию но не могу понять как сделать, понимаю что нужно использовать Serialization, но не понимаю как.
Заранее спасибо!

Answer 1

[Владимир Проскурин]

Чтобы сохранить холст, сериализируете все в JSON fabricjs.com/fabric-intro-part-3#serialization
const dataJson = JSON.stringify(canvas);

Чтобы загрузить холст, десериализируете из JSON fabricjs.com/fabric-intro-part-3#deserialization
canvas.loadFromJSON(dataJson);

canvas - это не HTMLCanvasElement, а канва от fabric.js
var canvas = new fabric.Canvas();

Answer 2

[Михаил Иванов]

Владимир, подскажите, т.е я вот по клику должен сохранить.
А каким образом выглядит должен php обработчик при сохранении?
Я не прошу готовый код, я прошу направить на материал где почитать можно будет

Comments

[Владимир Проскурин]

Ну, JSON это по сути просто тест, и вам нужно передать его на сервер, там сохранить (либо просто как строку в БД, либо также десериализовать и засунуть в БД, но тут нужно понимать что делать), и потом нужно научиться получать эту строку с сервера.

[Михаил Иванов]

Владимир, спасибо)) буду двигаться в данном направлении )