Trigons é um script JS flexível que permite criar imagens SVG abstratas modernas e elegantes com animações opcionais
O script dos trigrons é codificado como plug-in para a biblioteca D3.js (D3JS.org) e usa o método de construção de D3 da Triangulação de Delaunay para criar imagens abstratas coloridas e animadas. Nenhum jQuery precisava.
O script inclui sete (7) métodos para criar e animar imagens SVG e também para navegador cruzado convertendo essas imagens em png ou usá-las como ‘imagem de fundo’ para elementos em seus documentos HTML.
Por favor, familiarize -se com os recursos e explore Site de demonstração dos Trigons Para mais informações.
Principais recursos:
- O recurso exclusivo das imagens dos trigons, que eles podem ser animados 30 efeitos internos.
- As imagens SVG de griptans criadas podem ser responsivas.
- Retina perfeita
- Configurações flexíveis e poderosas
- Funciona em todos os navegadores modernos
- Qualquer cor, qualquer tamanho
- Limpar cores ou gradientes claros ou planos
- Gerador de paleta de cores de construção
- Converter para png
- Use-o como “imagem de fundo”
- Adicionar dinâmico, atualizar, animar e converter com 7 métodos JavaScript
- Clique em eventos, pairar e “viewport”
- Separe as animações “in” e “Out”
- Métodos de animação “Force”
- Use -o via JavaScript e/ou via atributos de dados html5
- Suporte gratuito e atualizações
Requisitos:
- d3.js lib v5 e up (JQuery não é necessário)
- Canvg.js se você quiser converter para png
- Lendo a documentação
Nota importante:
O script Trigons não é um controle deslizante, cria e anima imagens abstratas de SVG. Você pode usar essas imagens em controles deslizantes sem suas animações especiais, como de costume, como qualquer outro conteúdo HTML. Mas, para usar os efeitos da animação de construção, seu controle deslizante deve ter uma API que permite chamar métodos de trigons quando seus slides são alterados. Ou você precisa alterar o código JS do seu controle deslizante para poder usar os métodos de animações dos Trigons.
Por exemplo, no site de demonstração na seção de introdução na parte superior da página, há “jQuery.superslides.js” com funcionalidade estendida para produzir as animações que você pode ver.
Licença:
Você precisa comprar uma licença regular ou estendida do script Trigons para todos os projetos da web.
Alterar log:
ver 1.3.1 -- made a fix for the "gradient" colorMode calculation
ver 1.3 -- updated d3.js library with the latest version (5.9.7) -- made small code changes according to JavaScript requirements by Envato
ver 1.2 -- updated d3.js library with the latest version (5.9.2) -- made code changes according to JavaScript requirements by Envato
ver 1.1 -- updated d3.js library with the latest version (5.5.0) -- made the script compatible with the latest version of d3.js -- updated verge script with the latest version -- fixed issue of viewport shift when a Trigons image is higher than a browser's window -- changed options names "easyIn" to "easeIn" and "easyOut"to "easeOut" -- recoded the script according to modern standards
ver 1.0 - initial release
