我正在尝试使用html2canvas库捕获div的一部分。一切正常,但是html2canvas不能捕获外部(其他域)图像。为此,我正在使用代理在框架中加载跨域图像。我在控制台中收到以下错误。
脚本文件:
<script language="javascript">
$(document).ready(function() {
$("#capture").click(function(){
html2canvas($('#preview-container').get(0),{logging:true,useCORS: true,proxy:'<?=base_url()?>proxy'},{}).then( function (canvas) {
console.log(canvas.toDataURL());
dataURL= canvas.toDataURL('image/jpeg', 0.9).split(',')[1];
$.ajax({
url: 'https://api.imgur.com/3/image',
type: 'post',
headers: {
Authorization: 'Client-ID **********'
},
data: {
image: dataURL
},
dataType: 'json',
error:function(response){
console.log(response);
},
success: function(response) {
if(response.success) {
alert(response.data.link);
// window.location = response.data.link;
}
}
});
});
});
});
</script>
代理代码