Если картинка лежит на фейсбуке - я могу ее открыть в canvas, редактировать и скачать, а если картинка лежит на том же сервере где и находится мой сайт (000webhost.com) у меня отображается ошибка:
Access to Image at 'https://xxx.000webhostapp.com/ava1.png' from origin 'https://xxx.000webhostapp.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
function Up() { //загрузка логотипа
var ctx = document.getElementById('canvas').getContext('2d'),
img = new Image();
img.crossOrigin = "anonymous";
img.src = "https://graph.facebook.com/1387819034852828/picture?width=150&height=150";
img.onload = function() {
ctx.drawImage(img, 0, 0, 480, 400);
}
}
function download() { //скачиване картинки
var dt = canvas.toDataURL('image/jpeg');
this.href = dt;
};