Почему мой холст становится пустым после преобразования в изображение?

Я пытаюсь преобразоватьcanvas элемент наэта страница в png, используя следующий фрагмент (например, введите в консоли JavaScript):

(function convertCanvasToImage(canvas) {
  var image = new Image();
  image.src = canvas.toDataURL("image/png");
  return image;
})($('canvas')[0]);

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

Почемуcanvas заглохнуть? Как я могу конвертировать этоcanvas в png?

Ответы на вопрос(2)

Ваш ответ на вопрос