我们如何从三维图像中拍摄快照

Question

我有一张3D图像，想要从这张图片中获取快照。如当前显示。我试图使用canvas和fabric js获取快照，但是我们无法拍摄图片。

我们只获得空白屏幕截图。

请建议我如何从图像中拍摄快照。

图像创建的DOM元素，这里panoImage是容器Div。

＆＃13;

＆＃13;

 
<div id="panoImage" style="width:100%;height:100%;overflow:hidden;">  <div style="top:  0px;left: 0px;position:relative;-ms-touch-action: none;">
<div style="top: 0px; left: 0px; width: 533px; height: 400px; overflow: hidden; position: absolute; z-index: 0; user-select: none;">
<canvas width="533" height="400" id="mycanvas"></canvas>
</div>
<div style="top: 0px; left: 0px; width: 533px; height: 400px; overflow: hidden; position: absolute; z-index: 1000; user-select: none; cursor: auto;">
</div>
<canvas style="top: 0px; left: 0px; width: 533px; height: 400px; overflow: hidden; position: absolute; z-index: 900; user-select: none; visibility: hidden;" width="533" height="400" id="mycanvas"></canvas>
<div style="top:  0px;left: 0px;position:absolute;padding: 3px;visibility: hidden;z-index: 1100;"> Hotspot text!</div></div></div>

＆＃13;

＆＃13;

＆＃13;