1. 程式人生 > 其它 >Uncaught DOMException: Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘

Uncaught DOMException: Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘

技術標籤:地圖vue

【背景】

Vue中使用openlayers,將地圖匯出為圖片,原本使用openlayers官方提供的方法載入地圖,但是地圖載入太慢了,換成天地圖後無法匯出圖片並報錯

在這裡插入圖片描述
【問題原因】

使用天地圖後,沒有解決跨域問題,所以圖片匯出失敗

【解決方式】

新增 crossOrigin:'anonymous',處理跨域問題

let tiandiditu = new Tile({
	source: new XYZ({
			crossOrigin:'anonymous',
			url: '',
	}),
});