如何解决使用deck.gl时使用Html2Canvas截屏的问题
我正在使用deck.gl层在Google Map层顶部绘制图标,并使用HTML2Canvas对其进行截图。用于Html2Canvas的options对象是-
const [ imgIndex,setImgIndex ] = useState(0);
<Pannellum
ref={pano}
id={uuid()}
width="100vw"
height="100vh"
image={panoImgsUrl[imgIndex]}
pitch={panoImgData[0] ? panoImgData[0].pitch : 0}
yaw={ panoImgData[0] ? panoImgData[0].yaw : 0}
hfov={100}
autoLoad = {true}
showZoomCtrl={false}
showFullscreenCtrl={false}
howControls ={true}
compass={false}
onLoad={() => { pano.current.getViewer().setHfov(70) ; setLookAtCard(false)}}
onRender= { () => { setNowYaw(pano.current.getViewer().getYaw()) ;console.log(pano.current);} }
>
{sceneHotSpots}
</Pannellum>
我正在通过传递allowTaint: true,letterRendering: 1,foreignObjectRendering: true,quality: 1,width: width,height: height,scale: ratio,useCORS: true
作为源来截屏。问题是,有时屏幕截图会正确显示,并在Google Maps上标出图标,但有时它只显示没有图标层的Google Map。我无法调试为什么会这样。在两种情况下,Html2Canvas生成的日志看起来都是相同的。任何帮助将不胜感激。谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。