Biblioteca básica de manipulación de paths SVG-SVGRoad
| Autor: | zFunx |
|---|---|
| Views Total: | 522 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 31, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
SVGRoad es una biblioteca de manipulación SVG muy pequeña que le permite establecer fácil y rápidamente el Stroke-dasharray y Stroke-dashoffset atributos en porcentaje.
Funcionamiento
Descargue e importe la biblioteca SVGRoad en el documento.
<script src="SVGRoad.js"></script>
Inicialice SVGRoad y especifique el elemento de ruta de acceso SVG.
var el = document.getElementById("path");
var Instance = new SVGRoad(el); Establezca el trazo-dasharray.
Instance.setStrokeDasharrayInPercent(50); Instance.setStrokeDasharrayInPercent(50, 10); Instance.setStrokeDasharrayInPercent(20, 5, 10, 5); ...
Establecer/obtener el trazo-dashoffset.
Instance.getStrokeDashoffsetInPercent(); Instance.setStrokeDashoffsetInPercent(50);
Obtenga la longitud de SVG.
Instance.getPathLength();
