Ben*_*son 4 html5 png render css3
我有一个包含一系列div的页面.每个div代表幻灯片中的幻灯片.我需要一系列缩略图,每张幻灯片一张.理想情况下,这些缩略图将是幻灯片的光栅化版本:PNG data:网址将是完美的.我希望在浏览器中完成这项工作,而且我可以使用仅适用于现代浏览器之一的东西(例如chrome或firefox).我怀疑这是不可能的,但我很乐意听到.
data:
toDataURL()canvas对象上的方法基本上就是我想要的,但是所讨论的div不是canvas的实例,因此不起作用.
toDataURL()
cbu*_*mer 9
一种解决方案是通过将HTML作为a嵌入到SVG图像中<foreignObject>然后通过绘制结果图像来将HTML呈现给画布ctx.drawImage().
<foreignObject>
ctx.drawImage()
阅读MDN上的文章,或者查看rasterizeHTML.js,它是所述方法的一种实现.
限制是您的内容应该都是同源的(即可通过AJAX访问).
免责声明:我是rasterizeHTML.js的作者.
归档时间：
15 年，4 月 前
查看次数：
7073 次
最近记录：
10 年，8 月 前