Javascript '；污染画布不得出口'；错误

我正在制作一个网络应用程序，搜索NASA的api并获取图像。然后将该图像绘制到画布元素，用户可以对图像进行调整和编辑。我正在尝试拍摄最终图像的快照，并通过canvas.toDataURL（）在另一个浏览器选项卡中打开它，但遇到“污染的画布可能无法导出”错误。我在api文档中没有看到任何关于jsonp的内容。我正在react中使用fetch api，如下所示：

fetchPOD = (date) => {
        let that = this;
        fetch('https://api.nasa.gov/planetary/apod?&date=' + date + API_KEY)
    .then(resp => resp.json())
    .then(resp => {
    let link = resp.url;
    if(resp.media_type === 'image'){
            let noImage = document.getElementsByClassName('no-image')[0];
            noImage.style.display = 'none';
            that.setState({
                pod: resp.url,
                podTitle: resp.title
            })
        } else {
            that.setState({
                pod: 'https://apod.nasa.gov/apod/image/1709/EclipseClimber_Struder_1080.jpg',
                nonImageLink: link,
                podTitle: 'A Hiker and the Eclipse'
            })
            let noImage = document.getElementsByClassName('no-image')[0];
            noImage.style.display = 'block';
        }

    })
};

---

我没有在此应用上运行服务器。是否有其他解决方法？

否，客户机无法“绕过”公司提供的资源保护机制这些图像资源是否与“允许来源”标题一起提供？你什么时候设置img的src？看起来他们没那么在意。。。您至少需要一个代理服务器。不，客户机无法“绕过”公司提供的资源保护机制。这些图像资源是否与“允许来源”标题一起提供？你什么时候设置img的src？看起来他们没那么在意。。。您至少需要一个代理服务器。