Dark_Knight
@Dark_Knight
Game Dev

Blob: почему по ссылке нету файла?

Привет всем.
Пытаюсь сделать crop изображения.
Есть следующий код
<div style='display: none;'>
<img id="scream" width="220" height="277" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" alt="The Scream">

</div>
<p>Canvas:</p>
<canvas id="myCanvas" width="1600" height="74" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>

const c = document.getElementById("myCanvas");

window.addEventListener("load", () => {
   const ctx = c.getContext("2d");
   const img = document.getElementById("scream");
   ctx.drawImage(img, 0, 0);
});

c.toBlob(function (blob) {
  console.log( URL.createObjectURL(blob)) // ссылка на урезанное изображение
}, 'image/jpg');

Проблема в том, что по ссылке, когда переходишь, то там просто черный экран. Нету нужного изображения. Подскажите, что не так?
  • Вопрос задан
  • 84 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы