vector - 使用 html2canvas 获取谷歌地图矢量截图
问题描述
我正在尝试使用谷歌地图矢量获取 div 的屏幕截图。使用地图类型栅格尝试相同的工作。但我需要用谷歌地图矢量v=beta来做到这一点
使用选项 useCors: true 地图保持空白。
标记出现
我的代码:
html2canvas(document.querySelector("#map-area"),{useCORS: true,allowTaint:true}).then(function(canvas) {
imgData = canvas.toDataURL('image/jpg');
doc.addImage(imgData,'JPEG', 0, 0, 1790, 1260,'','FAST');
doc.save('map.pdf');
});
谢谢
解决方案
在一切正常之前添加这个:
HTMLCanvasElement.prototype.getContext = function(origFn) {
return function(type, attribs) {
attribs = attribs || {};
attribs.preserveDrawingBuffer = true;
return origFn.call(this, type, attribs);
};
}(HTMLCanvasElement.prototype.getContext);
推荐阅读
- webdeploy - 使用 Web 部署部署 ASP.NET MVC5 应用程序时定位 CLI 错误日志失败
- c++ - C++ 升压日志格式器
- jmeter - 将父事务控制器的名称添加到 jmeter 结果的每一行中
- esper - com.espertech.esper.schedule.ScheduleSlot 在 5.5.0 版本中
- python - PySpark Pipeline.fit(df) 方法给出 PicklingError: Could not serialize object: ValueError: substring not found while using Elephas
- excel - 如果单元格更改,清除内容离开公式
- sql - 有没有办法在没有联合的情况下组合列?
- bash - 如何使用“sed”shell命令来混淆某些字符指示的信息
- javascript - 有没有办法确定要在 javascript 数组中推送的值的数量?
- php - 上传图像时尝试访问 null 类型值的数组偏移量