[英]Making a “screenshot” of the current website using HTML or JavaScript?
我已经尝试了html2canvas,但没有按预期工作,因为我使用带有自定义标记的谷歌地图,当它只是制作没有这些标记的地图的截图。
我想做一个截图,看起来像:
但结果是:
图表看起来也不那么好。 我可以使用任何替代品吗?
这是我用来使用html2canvas创建图像的代码(其中#downloadPDF是一个按钮):
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('#downloadPDF').click(function () {
html2canvas($(".map"), {
logging: true,
useCORS: true,
onrendered: function (canvas) {
var imgData = canvas.toDataURL('image/png');
window.open(imgData);
}
});
});
});
不确定您的主机设置,但我使用PhantomJS创建网页的屏幕截图,并将其保存为图像或PDF。
下载库时,示例目录中有一个rasterize.js,它允许您传入参数以保存URL。 您可以修改它以使其暂停几秒钟,然后保存页面 - 为地图提供足够的时间来正确加载。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.