Метод
createImageBitmap()
асинхронно создает объект Bitmap из изображений, файлов или Blob. Это полезно для работы с большими изображениями без блокировки основного потока, особенно в сочетании с Web Workers.Пример: загрузка изображения через fetch и создание Bitmap:
async function processImage(url) {
const response = await fetch(url);
const blob = await response.blob();
const bitmap = await createImageBitmap(blob);
console.log(bitmap.width, bitmap.height); // Лог размеров изображения
return bitmap;
}
processImage('https://example.com/image.jpg')
.then(bitmap => console.log('Bitmap создан:', bitmap))
.catch(error => console.error('Ошибка:', error));
Этот код загружает изображение, преобразует его в Blob и создает Bitmap, который можно использовать для рисования на Canvas или дальнейшей обработки в отдельном потоке.
👉 @web_craft | #frontend