javascript - 将HTML Canvas捕获为gif / jpg / png / pdf吗？(Capture HTML Canvas as gif/jpg/png/pdf?)

Question

Is it possible to capture or print what's displayed in an html canvas as an image or pdf?

(是否可以捕获或打印html画布中显示为图像或pdf的内容？)

I'd like to generate an image via canvas, and be able to generate a png from that image.

(我想通过画布生成图像，并能够从该图像生成png。)

  ask by Parand translate from so

Answer 1

Oops.

(哎呀。)

Original answer was specific to a similar question.

(原始答案是针对类似问题的。)

This has been revised:

(对此进行了修订：)

var canvas = document.getElementById("mycanvas");
var img    = canvas.toDataURL("image/png");

with the value in IMG you can write it out as a new Image like so:

(使用IMG中的值，您可以将其写为新图像，如下所示：)

document.write('<img src="'+img+'"/>');