セシウムのスクリーンショット機能

まずcanvas2imageをインストール 

NPM intsall canvas2image --save

プロジェクトがVUE基づいているので、canvas2imageの最終表面に添加することが必要です

輸出デフォルト Canvas2Image

そして、導入canvas2image.jsページ

フォーカス：も（完全に黒画像のうち撮影し、追加しない場合）、セシウム初期に次のコードを追加する必要があります

       ContextOptions：{ 
          WebGLの：{ 
            アルファ：trueに、
            深さ：trueに、
            ステンシル：trueに、
            アンチエイリアス：trueに、
            premultipliedAlpha：trueに、
             // （）がtrueにテーマcanvas.toDataURLセットによって達成される必要がある 
            preserveDrawingBuffer：trueに、
            failIfMajorPerformanceCaveat：trueに
          } 
        }

 

遂に

        VaRのキャンバスは= この.viewer.scene.canvasを。
        VAR imageWidth = 800 ;
        VAR IMG = canvas2image.convertToImage（キャンバス、imageWidth、imageWidth * canvas.height / canvas.width、 'PNG' ）;
        VAR loadImg =のdocument.createElement（ '' ）
        loadImg.href = img.src 
        loadImg.download = '地球
        loadImg.click（）

これを達成することができセシウムはスクリーンショットが特徴