Как восстановить несколько элементов холста?

Question

Вот моя проблема: я разрабатываю веб-приложение для рисования, используя холсты. Я хочу сохранить сделанные мной изменения в нескольких элементах canvas и затем загрузить их заново.

На данный момент мне удалось извлечь данные изображения каждого слоя в DataURL в виде PNG и сохранить результаты в виде JSON на моем сервере. Мой метод получения данных аналогичен этому, но вместо этого используется Typescript / Angular8: https://codepen.io/gunderson/pen/PqWZwW

 getLayerData() {
    let imageData = [];
    this.canvases.forEach(canvas => {
      const url: string = canvas.toDataURL("image/png");
      imageData.push(url);
    });
    return imageData;
 }

На данный момент я ищу способ восстановления на в моем браузере каждый из моих холстов находится в той же точной многослойной позиции, что и сохраненный. Какой будет лучший подход? Информация уже внутри моего JSON? Должен ли я также отправлять иерархии слоев холста как данные, хранящиеся в JSON?