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.
Detalhe técnico
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.
Exemplo
```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');
```
Ferramentas relacionadas
C
Comprimir Imagem
R
Redimensionar Imagem
R
Recortar Imagem
G
Girar Imagem
E
Espelhar Imagem
C
Converter Imagem
M
Marca d'Água em Imagem
S
SVG para PNG
I
Imagem para Base64
A
Arredondar Cantos
A
Adicionar Borda
F
Filtros de Imagem
A
Ajustar Imagem
D
Desfocar Imagem
N
Nitidez de Imagem
T
Tornar Quadrada
G
Grayscale Image
S
Sepia Image
P
Pixelate Image
S
Strip Image Metadata