Genere insignias personalizables con JavaScript y SVG-Squire. js
| Autor: | IagoLast |
|---|---|
| Views Total: | 423 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 11, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Squire. js es una biblioteca de JavaScript para generar insignias consistentes, personalizables y en forma de vector usando SVG y JavaScript.
Compatible con el navegador y node. js.
Funcionamiento
Cargue la biblioteca de Squire. js compilada en el documento.
<script src="/dist/squire.js"></script>
Genere una insignia básica con la API generateBadge .
squire.generateBadge('Left Text', 'Right Text', 'Hex Color Here'); Genere una insignia altamente personalizable con la API generateBadgeSVG .
squire.generateBadgeSVG({
borderRadius: 4,
fontSize: 9,
height: 20,
subject: 'Left Text'
subjectColor: 'BG color'
subjectLengt: 'Length'
subjectTextColor: '#FFF',
value: 'Right Text'
valueColor: 'BG color'
valueLength: 'Length'
valueTextColor: '#FFF',
width: 100
})
