Ich versuche zu verstehen, wie das crossorigin-Attribut für das img-Tag verwendet wird. Ich konnte kein gutes Beispiel finden (Diejenigen, die ich über CORS-fähige Bilder gefunden habe, werden mit JavaScript-Codes erklärt, daher konnte ich das crossorigin-Attribut mit dem img-Tag nicht sehen.

Ich habe eine Vermutung, bitte korrigiere meine Fehler, wenn ich etwas falsch verstanden habe.

Zunächst kann man den folgenden Code schreiben, um ein Bild auf Leinwand zu zeichnen:

<canvas id="canvas" width=400 height=400></canvas>
<br><br>
<img id="image" src="http://...." alt="" width="400" height="400">
<script>
function draw() {
    var canvas = document.getElementById("canvas");
    var context = canvas.getContext("2d");
    var img = new Image();
    img.crossOrigin = "Anonymous";
    img.src = document.getElementById("image").value;
    context.drawImage(img, 40, 40);
}
</script>

Ist der Code unter dem oberen gleich? "Img.crossOrigin" ist nicht enthalten, das Attribut "crossorigin" befindet sich jedoch im Tag "img".

<canvas id="canvas" width=400 height=400></canvas>
<br><br>
<img id="image" crossorigin="anonymous"src="http://...." alt="" width="400" height="400">
<script>
function draw() {
    var canvas = document.getElementById("canvas");
    var context = canvas.getContext("2d");
    var img = new Image();
    img.src = document.getElementById("image").value;
    context.drawImage(img, 40, 40);
}
</script>

Um ehrlich zu sein, ich kann keine Experimente durchführen, da ich nicht weiß, auf welcher Site die Bilder als CORS verwendet werden dürfen.

Was ich denke ist, dass, wenn eine Site die Verwendung ihrer Bilder in Canvas zulässt, wenn die CORS-Anfrage anonym erfolgt, Sie sie in Canvas zeichnen können, wenn nicht, Sie sie auch dann nicht in Canvas zeichnen können, wenn die Anfrage anonym erfolgt (I Ich bin mir nicht sicher, ob ich hier bin. Aus diesem Grund müssen beide oben genannten Beispiele CORS anonym anfordern.

Könnten Sie bitte sagen, ob beide gleich funktionieren? Wenn nicht, können Sie mir bitte erklären warum und ein Beispiel mit dem crossorigin-Attribut und dem img-Tag geben?