php - 如何使用 php 或 javascript 或 jquery 制作包含图像和文本的 html div 的屏幕截图？

Question

是否可以捕获特定的 div 内容并且 div 包含图像或文本或任何内容？

如果有任何可能的脚本方法，请告诉我。

Answer 1

我不知道“截屏”元素的方法，但您可以做的是将 div 绘制到画布元素中，然后使用HTMLCanvasElement对象的toDataURL函数获取data:包含图像内容的 URI。

作为

var c = document.getElementById('the_canvas_element_id');
var t = c.getContext('2d');
/* then use the canvas 2D drawing functions to add text, etc. for the result */

当用户单击“捕获”时，执行以下操作：

window.open('', document.getElementById('the_canvas_element_id').toDataURL());

这将打开一个带有“屏幕截图”的新选项卡或窗口，允许用户保存它。