Lösung?
bearbeitet von Rolf BHm. Also das hier geht offenbar...
~~~HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<canvas id="MyCanvas" width="200" height="200"></canvas><br>
<a id="FakeButton">Save Image</a>
<script>
var theCanvas = document.getElementById("MyCanvas").getContext("2d");
var theButton = document.getElementById("FakeButton");
var image = new Image();
image.src = "https://i.chzbgr.com/maxW500/1691290368/h07F7F378/"
image.crossOrigin = "anonymous"; // This enables CORS
image.onload = function (event) {
try {
theCanvas.drawImage(image, 0, 0, 200, 200);
theButton.download = "cat.png";
console.log(theCanvas.canvas.toDataURL());
theButton.href = theCanvas.canvas.toDataURL();
} catch (e) {
alert(e);
}
};
</script>
</body>
</html>
~~~