Как загрузить внешние изображения в div, используя прокси в html2canvas в php - PullRequest
2 голосов
/ 15 апреля 2019

Я пытаюсь захватить часть div с помощью библиотеки html2canvas.все идет хорошо, но html2canvas не захватывает внешние (другие домены) изображения.Для этого я использую прокси для загрузки междоменных изображений в кадре.Я получаю следующую ошибку в консоли.

enter image description here

Файл сценария:

<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

...