31.地图打印之openlayers与html2canvas及ol-rendercomplet

source跨域设置

 crossOrigin:"Anonymous"

出图

第一种，使用html2canvas

// dom生成图片
export const toImg=()=> {
   
   
    const dom = window.$olMap.getTargetElement()
    return  html2canvas(dom).then(canvas => {
   
   
      var blob =canvas.toDataURL("image/png");
      var parts = blob.split(';base64,');
      var contentType = parts[1]
      //  downloadFile("map.png",canvas.toDataURL("image/png"))
       return contentType;
    });

  }

第二种，使用map.once(‘rendercomplete’,function)

export const toImg2=()=> {
   
   
   
   window.$olMap.once('rendercomplete', function () {