在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ html2canvas 截取地圖

html2canvas 截取地圖

使用html2canvas截圖,截取其他的還可以,但是在截取地圖的時候會出現(xiàn)toDataURL的問題,怎么解決跨域截取到當前地圖圖片?

回答
編輯回答
尐潴豬

兄弟 問下 html2canvas 截圖只截取了可視區(qū)域,你出現(xiàn)過嗎?

2017年8月2日 11:23
編輯回答
選擇

目前也在做地圖項目,需要截圖,所以說一下自己怎么解決的,另外仍然存在的問題。
跨域問題只要加個參數(shù)就可以成功截到

html2canvas(document.querySelector("#googleMap"), {
            useCORS : true,
            foreignObjectRendering : true,
            allowTaint :false
        }).then(canvas => {document.body.appendChild(canvas)});

useCORS,foreignObjectRendering,allowTaint這三個參數(shù),是在github討論區(qū)上看到這么設置的,目前firefox和chrome,IE瀏覽器截取地圖都沒問題,沒有跨域問題。
但是safari有問題,一旦地圖被拖動了就會截不全,也會提示跨域問題,頭疼的要死,期待大神能搞定我的問題

Unable to get image data from canvas because the canvas has been tainted by cross-origin data.

圖片描述

2017年12月18日 16:30