Здравствуйте. Ошибка с 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 получается с нее.
В чем моя проблема?
Заранее спасибо!