Vector Graphics
Vector Graphics (Resolution-Independent Graphics)
Vector graphics represent images as mathematical descriptions of geometric shapes, paths, and text rather than pixel grids. They scale to any size without quality loss, making them ideal for logos, icons, and illustrations.
Техническая деталь
Vector formats store shapes as Bezier curves defined by control points. SVG uses XML path data (M, L, C, Z commands), while PDF and EPS use PostScript operators. Rendering requires rasterization at the target resolution.
Пример
```javascript
// Resize image using Canvas API
const canvas = document.createElement('canvas');
canvas.width = 800;
canvas.height = 600;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0, 800, 600);
canvas.toBlob(blob => {
// Download resized image
saveAs(blob, 'resized.png');
}, 'image/png');
```
Связанные инструменты
C
Compress Image
И
Изменение размера изображения
О
Обрезка изображения
П
Поворот изображения
О
Отражение изображения
К
Конвертер изображений
В
Водяной знак на изображение
S
SVG в PNG
И
Изображение в Base64
С
Скругление углов
Д
Добавить рамку
Ф
Фильтры для изображений
Н
Настройка изображения
Р
Размытие изображения
У
Увеличение резкости
С
Сделать квадратным
G
Grayscale Image
S
Sepia Image
P
Pixelate Image
S
Strip Image Metadata