O documento discute o uso de SVG (Scalable Vector Graphics) na web, incluindo seus benefícios como ser responsivo, permitir ilustrações animadas e interatividade. Também apresenta diferentes maneiras de adicionar SVG ao HTML, como <img>, <object> e <iframe>, além de mencionar bibliotecas JavaScript populares para manipulação de SVG como Raphael.js, Snap SVG, D3.js e SVG.js.
17. Mais qualidades
● Podem ser minificados (Gzip)
● Permitem uma melhor acessibilidade
● Permite adições de classes para cada elemento desejado
● E mais...
22. Raphael.js
● Criado por Dmitry Baranovskiy (Senior Enginner na Adobe)
● Primeira biblioteca para manipulação de SVG
● Feito para ter maior compatibilidade com Browsers mais antigos (iE6+)
● Biblioteca para manipulações mais simples, com poucas animações
23. Snap SVG
● Criado por Dmitry Baranovskiy (Senior Enginner na Adobe)
● Feito para ter uma API mais intuitiva e prática na manipulação
● Permite animações mais avançadas
● Possui boa performance e trabalha bem com outras bibliotecas JS (Zepto e Jquery)
24. D3
● Criado por Mike Bostock
● Utilizado para trabalhar em cima de dados, criando gráficos, tabelas, moléculas, etc.
● Trabalha diretamente com o DOM
● Funciona muito bem com outras bibliotecas (Zepto e JQuery) e trabalha com um grande
número de informações
25. SVG.JS
● Criado por Wout Firiens
● Bastante indicado para clipping masks
● Extremamente pequeno (11Kb)