Html5 canvas 将div转换为画布后,图像底部会出现空白

Html5 canvas 将div转换为画布后,图像底部会出现空白,html5-canvas,html2canvas,Html5 Canvas,Html2canvas,我正在使用html2canvas将div转换为画布。 我的DIV包含表,每个td包含图像。 画布正在成功创建,但每个图像的底部都显示空白 有没有其他方法可以将DIV转换为画布?是的,这里有一种方法可以替代使用html2canvas来呈现网页的全部/部分 您可以使用服务器上的“无头浏览器”将网页捕获到图像中。无头浏览器可以将网页内容呈现为图像,而不受适用于html2canvas的安全限制 我推荐PhantomJS,因为它使用Webkit,因此提供了与现代浏览器的兼容性:是的,我得到了解决方案,只需

我正在使用html2canvas将div转换为画布。 我的DIV包含表,每个td包含图像。 画布正在成功创建,但每个图像的底部都显示空白


有没有其他方法可以将DIV转换为画布?

是的,这里有一种方法可以替代使用html2canvas来呈现网页的全部/部分

您可以使用服务器上的“无头浏览器”将网页捕获到图像中。无头浏览器可以将网页内容呈现为图像,而不受适用于html2canvas的安全限制


我推荐PhantomJS,因为它使用Webkit,因此提供了与现代浏览器的兼容性:

是的,我得到了解决方案,只需为每个图像设置style=“display:block”。

但这将捕获整个屏幕,我只想捕获页面的特定div。您可以使用PhantomJS捕获页面上的特定div: