当尝试导出konva画布图片时遇到跨越问题?
Unable to get data URL. Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.
Unable to get image data from canvas because the canvas has been tainted by cross-origin data.
Or when you apply filters you can have this error:
Unable to apply filter. Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D’: The canvas has been tainted by cross-origin data.
Unable to apply filter. The operation is insecure.
以上问题是因为CORS错误
出于安全原因,当您从另一个域加载图像时,浏览器可以将画布标记为受污染。在这种情况下,浏览器会阻止画布导出到 dataURL 或 imageData (这是我们在导出或使用过滤器时所做的)。
如何解决这个CORS问题呢?
首先,您可以尝试设置加载图像的 crossOrigin = Anonymous 属性