Встречается на собеседованиях • сегодня
Какие знаешь способы получения картинки по HTTP
1. **Тег `![]()
`**
```html
```
2. **CSS `background-image`**
```css
.element {
background-image: url('https://example.com/image.jpg');
}
```
3. **JavaScript `fetch`**
```javascript
fetch('https://example.com/image.jpg')
.then(response => response.blob())
.then(blob => {
const imgUrl = URL.createObjectURL(blob);
const img = document.createElement('img');
img.src = imgUrl;
document.body.appendChild(img);
});
```
4. **Canvas API**
```javascript
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
const img = new Image();
img.src = 'https://example.com/image.jpg';
img.onload = () => ctx.drawImage(img, 0, 0);
```
5. **SVG ``**
```html
```
```
2. **CSS `background-image`**
```css
.element {
background-image: url('https://example.com/image.jpg');
}
```
3. **JavaScript `fetch`**
```javascript
fetch('https://example.com/image.jpg')
.then(response => response.blob())
.then(blob => {
const imgUrl = URL.createObjectURL(blob);
const img = document.createElement('img');
img.src = imgUrl;
document.body.appendChild(img);
});
```
4. **Canvas API**
```javascript
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
const img = new Image();
img.src = 'https://example.com/image.jpg';
img.onload = () => ctx.drawImage(img, 0, 0);
```
5. **SVG `
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы