Сохранение холста html5 как данных в базе данных mysql

Это может быть невозможно, это просто идеально подходит для моей ситуации. Я использую холст html5 в качестве слайдера, который пользователь может рисовать и сохранять на своем локальном компьютере.

Моя цель - вместо этого сохранить это в нашей базе данных каким-то другим способом.

Что я хочу сделать:

Холст загружает слайд, и пользователь может рисовать на нем. Как только они нажимают «Сохранить», данные строк сохраняются в ячейку нашей базы данных. Когда пользователь снова входит в систему, чтобы увидеть слайд, он отображает исходный слайд с аннотациями, которые затем натягиваются поверх него.

Используя этот метод, мне не нужно будет хранить тысячи изображений для каждого уникального человека, и у них будет возможность стирать прошлые аннотации, не стирая исходный слайд.

Вот мой код для загрузки:

Холст:

<input type="button" id="savepngbtn" value="Save Slide">

<!-- Main Canvas / Main Slide -->
 <div id="main"><canvas id="drop1" class="drop" style=" background-repeat:no-repeat;" width="680" height="510"></canvas></div>

Получение исходного изображения:

var img = new Image();
img.src = 'pdf_images/pdf-save-0.png';
img.onload = function() {
    oCtx.drawImage(img, 0, 0)
}

Что мне нужно:

• Функция / функция сохранения для сохранения строк, созданных как данные, в базу данных
• Код для загрузки данных и отображения их на холсте в том виде, в котором он был создан ранее.

Я не уверен, что это возможно, но, черт возьми, это было бы действительно здорово и спасло бы жизнь! Спасибо!