Javascript 使用cors-anywhere.herokuapp下载图像

Javascript 使用cors-anywhere.herokuapp下载图像,javascript,html,html2canvas,Javascript,Html,Html2canvas,我有下面的代码,其中包括一个图像和一个下载按钮。问题是,使用HTML2Canvas库下载外部图像会导致CORS问题,这就是我使用此https://cors-anywhere.herokuapp.com/解决CORS问题,但它不断给我错误400(需要标题) 我不确定我是否做得不对,或者是否有更好的方法来解决这个问题,但是任何帮助都将非常感谢 函数sendData(){ html2canvas(document.getElementById('capture'),{}){ 下载画布(documen

我有下面的代码,其中包括一个图像和一个下载按钮。问题是,使用HTML2Canvas库下载外部图像会导致CORS问题,这就是我使用此
https://cors-anywhere.herokuapp.com/
解决CORS问题,但它不断给我错误
400(需要标题)

我不确定我是否做得不对,或者是否有更好的方法来解决这个问题,但是任何帮助都将非常感谢

函数sendData(){
html2canvas(document.getElementById('capture'),{}){
下载画布(document.getElementById('test'),画布,'test.png');
});
}
函数下载画布(链接、画布、文件名){
link.href=canvas.toDataURL();
link.download=文件名;
link.click();
}
正文{
字体系列:Arial;
}
.标签{
溢出:隐藏;
边框:1px实心#ccc;
背景色:#f1f1;
边缘顶部:10px;
边框左上半径:8px;
边框右上角半径:8px;
}
/*设置选项卡内按钮的样式*/
.选项卡按钮{
背景色:继承;
浮动:左;
边界:无;
大纲:无;
光标:指针;
填充:14px 16px;
过渡:0.3s;
字号:17px;
边框底部:8px;
}
/*更改悬停按钮的背景色*/
.tab按钮:悬停{
背景色:#ddd;
}
#俘获{
溢出:可见;
}
/*创建活动/当前tablink类*/
.tab按钮。激活{
背景色:#ccc;
}
/*设置选项卡内容的样式*/
.tabcontent{
显示:无;
填充:6px 25px;
边框:1px实心#ccc;
边界顶部:无;
-webkit动画:fadeEffect 1s;
动画:FadeEffect1s;
边框左下半径:8px;
边框右下半径:8px;
背景色:白色;
}
.就业小组{
显示:表格;
最大高度:100%;
宽度:85%;
背景色:#b7bcbe;
左边距:自动;
右边距:自动;
边缘顶部:25px;
边缘底部:25px;
垫底:20px;
填充顶部:20px;
}
.tabwidth{
宽度:85%;
保证金:0自动;
}

捕获

当您仅将URL用作
img
元素源时,无法为浏览器自动发出的请求指定自定义标题。要做到这一点,首先需要通过AJAX请求。通过AJAX调用请求图像?是的。(然后您可能必须首先将其转换为数据URI,这样您就可以将其源代码用于
img
元素。)