Dlaczego moje płótno jest puste po konwersji na obraz?

Próbuję przekonwertowaćcanvas element nata strona do png za pomocą następującego fragmentu (np. wprowadź w konsoli JavaScript):

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

Niestety otrzymany png jest całkowicie pusty. Zauważ również, że oryginalne płótno jest puste po zmianie rozmiaru strony.

Dlaczegocanvas iść puste? Jak mogę to przekonwertowaćcanvas do png?

questionAnswers(2)

yourAnswerToTheQuestion