@stayHARD

Как реализовать crossOrigin="anonymous" в Fabric.js?

Здравствуйте. Ошибка с crossOrigin в fabric.js.
SecurityError: DOM Exception 18: An attempt was made to break through the security policy of the user agent.

Кусок проблемного кода:
function addToCanvas(image) {

        var bodyRect = document.body.getBoundingClientRect(),
            canvRect = document.getElementById('outfit-creator').getBoundingClientRect(),
            offsetCanvas   =  {
                top: canvRect.top - bodyRect.top,
                left: canvRect.left - bodyRect.left,
            },
            imgRect = image.getBoundingClientRect(),
            offsetImg = {
                top: imgRect.top - offsetCanvas.top,
                left: imgRect.left - offsetCanvas.left,
            };
        fabric.Image.fromURL(image.src,  function(img) {
            img.set({
                left: offsetImg.left,
                top: offsetImg.top,
                fill: '#000'
            }).scale(0.5);
            canvas.add(img).setActiveObject(img);
        });
    }
 $('#btn').on('click', function() {
        //console.log(canvas.toDataURL('png'));
        window.open(canvas.toDataURL('png'));
    });

Читал об crossOrigin="anonymous", но тогда картинка схлопывается при перетаскивании, но base64 получается с нее.
В чем моя проблема?

Заранее спасибо!
  • Вопрос задан
  • 265 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
24 нояб. 2024, в 14:37
3000 руб./в час
24 нояб. 2024, в 13:04
500 руб./в час
24 нояб. 2024, в 12:29
3000 руб./за проект