Сохранение html фонового изображения холста с включенным рисунком холста

Question

Возможно ли, что после того, как пользователь закончит свои рисунки и сохранит как backgroundImage, так и рисунки, которые он сделал?

 var canvas = document.getElementById("canvas"); // comes from html
 var context = canvas.getContext("2d"); // get context of canvas

 canvas.style.backgroundImage = `url(${value.result.questionImage})`; // images comes from sql database.

 // user does some drawing on the canvas...

Answer 1

Вы должны нарисовать фоновое изображение на холсте вместо использования стиля:

 var canvas = document.getElementById("canvas"); // comes from html
 var context = canvas.getContext("2d"); // get context of canvas

 var image = document.createElement('img')
 image.onload = ()=>context.drawImage(image, 0,0);
 image.src=value.result.questionImage;

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