将HTML另存为图像

Question

有什么方法可以将HTML变成图像吗？

假设我使用HTML和CSS制作条形码，有没有办法可以使用JavaScript将其保存为图像？

例如：将#saveImage中的所有内容保存为图像。

<div id="saveImage">Save this text as an image</div>

Answer 1

您可以将该HTML呈现在<canvas>上，然后使用canvas.toDataURL来获取图片。请参阅：https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas