Círculo & generador de arco con lienzo-circlesJS
| Autor: | Madmadmax |
|---|---|
| Views Total: | 1,033 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 16, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de JavaScript de circlesJS simplifica la generación de formas de círculo y arco personalizables mediante el lienzo de HTML5.
Funcionamiento
Incluya el archivo principal de JavaScript ' Circles. js ' en la Página Web.
<script src="circles.js"></script>
Cree un contenedor para colocar los círculos y arcos generados.
<div id="container"></div>
Inicialice los circlesJS.
let circles = new Circles("container");
circles.init(); Crea los círculos y arcos con tus propios estilos.
circles.add({id: 1, x: 40, y: 50, size: 30, width: 2, fill: 30, color: "#f00"});
circles.add({id: "two", x: 90, y: 140, size: 40, width: 6, fill: 75, color: "#0f0"});
circles.add({id: "three", x: 200, y: 200, size: 50, width: 15, fill: 90, color: "#000"}); Dibuje los círculos y arcos dentro del contenedor.
circles.draw();
Cambiar una forma específica.
circles.change([{id: 1, params: {fill: 70, width: 5}}]) Borrar & borrar.
// deletes the 3rd shape
circles.delete("three");
// deletes all the shapes
circles.deleteAll();
// destroys the library
circles.clear();
