Я пытаюсь захватить часть div с помощью библиотеки html2canvas.все идет хорошо, но html2canvas не захватывает внешние (другие домены) изображения.Для этого я использую прокси для загрузки междоменных изображений в кадре.Я получаю следующую ошибку в консоли.
![enter image description here](https://i.stack.imgur.com/vby8u.png)
Файл сценария:
<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>
Код прокси
https://codeshare.io/G6MOzQ