Exemplos SVG
Exemplos de Gráficos Vetoriais Escaláveis (SVG) demonstrando vários recursos e técnicas SVG
Key Facts
- Category
- Media
- Items
- 13
- Format Families
- image, svg, text
Sample Overview
Exemplos de Gráficos Vetoriais Escaláveis (SVG) demonstrando vários recursos e técnicas SVG This sample set belongs to Media and can be used to test related workflows inside Elysia Tools.
🖼️ Formas SVG Básicas svg
Demonstração de formas SVG básicas com retângulo, círculo, elipse, linha, polilinha e elementos poligonais
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1.5 KB
Dimensions: 360×240
🖼️ Propriedades de Traçado e Preenchimento svg
Demonstração de propriedades de traçado e preenchimento SVG com vários estilos de linha e padrões
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1.9 KB
Dimensions: 360×240
🖼️ Transformações SVG svg
Exemplos de transformação SVG incluindo translação, rotação, escala e operações de inclinação
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1.2 KB
Dimensions: 360×240
🖼️ Gradientes SVG svg
Demonstrações de gradientes lineares e radiais com múltiplas paradas de cor e efeitos
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1.1 KB
Dimensions: 360×240
🖼️ Padrões SVG svg
Definições e aplicações de padrões SVG para criar fundos repetitivos e texturas
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1.0 KB
Dimensions: 360×240
🖼️ Marcadores SVG svg
Elementos de marcador SVG para criar pontas de seta personalizadas e pontos finais em caminhos e linhas
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1.1 KB
Dimensions: 360×240
🖼️ Texto no Caminho svg
Texto posicionado ao longo de caminhos SVG com vários efeitos de texto e opções de estilo
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1012 B
Dimensions: 360×240
🖼️ Design SVG Responsivo svg
Técnicas de design SVG responsivo com layouts adaptáveis e comportamentos de escalonamento
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 834 B
Dimensions: 360×240
🖼️ Símbolos SVG e Reuso svg
Símbolos SVG e elementos reutilizáveis com o elemento use para gráficos eficientes
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 834 B
Dimensions: 360×240
🖼️ Recorte e Mascaramento svg
Demonstrações de recorte e mascaramento para criar formas complexas e efeitos
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1.4 KB
Dimensions: 360×240
🖼️ Filtros SVG svg
Efeitos de filtro SVG incluindo desfoque, sombra, manipulação de cor e efeitos visuais
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1.6 KB
Dimensions: 360×240
🖼️ Animação SVG svg
Animações SMIL demonstrando mudanças de cor, transformações e efeitos de movimento
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1.0 KB
Dimensions: 360×240
🖼️ Integração ForeignObject svg
Integração de conteúdo HTML dentro de SVG usando foreignObject para conteúdo misto
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 1.1 KB
Dimensions: 360×240