HTML перекрестный атрибут для тега img

Я пытаюсь понять, как использовать атрибут crossorigin для тега img. Я не смог найти хороший пример (те, которые я нашел об изображениях с поддержкой CORS, объясняются кодами JavaScript, поэтому я не смог увидеть атрибут crossorigin с тегом img.

У меня есть предположение, пожалуйста, исправьте мои ошибки, если я что-то понял неправильно.

Прежде всего, можно написать фрагмент кода ниже, чтобы нарисовать изображение на холсте:

<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>

Код ниже эквивалентен верхнему? Он не включает "img.crossOrigin", но имеет атрибут crossorigin в теге 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>

По правде говоря, я не могу проводить эксперименты, потому что я не знаю, какой сайт позволяет использовать свои изображения в качестве CORS.

Я предполагаю, что если сайт разрешает использовать свои изображения на холсте, если запрос CORS выполняется анонимно, вы можете нарисовать его на холсте, если нет, вы не можете нарисовать его на холсте, даже если запрос сделан анонимно (я не уверен, что я прямо здесь). Поэтому оба приведенных выше примера должны запрашивать CORS анонимно.

Не могли бы вы сказать, если они оба работают одинаково? Если нет, не могли бы вы объяснить, почему и приведите пример использования атрибута crossorigin с тегом img?

Ответы на вопрос(1)

Ваш ответ на вопрос