Inicializar canvas-event

Importante: el elemento canvas debe tener posición relativa <canvas id="id-canvas" style="position: relative"></canvas> Para crear una instancia de canvas-event, podemos pasar un id o directamente un elemento canvas. ce = Cevent("id-canvas"); canvas_element = document.getElementById("mi-canvas"); ce = Cevent(canvas_element);

Nota: los ángulos se expresan en Grados sexagesimales.

Cevent.rect(int x, int y, int width) Cevent.rect(int x, int y, int width, int height) Cevent.rect(int x, int y, int width, int height, int rounded)

Crear rectángulo con medidas width * height, si se omite height se crea un cuadrado de medidas width * width.

Si se especifica rounded se crea un rectangulo con esquinas redondeadas del radio especificado.

Cevent.image(int x, int y, string src)

Cargar imagen ubicada en src dentro del canvas en la posición x, y.

Cevent.arc(int x, int y, int radius, int startAngle, int endAngle, int antiClockWise)

Cevent.circle(int x, int y, int radius)

Atajo para crear un arco completo (startAngle 0º y endAngle 360º).

Cevent.Ellipse(int x, int y, int width) Cevent.Ellipse(int x, int y, int width, int height)

Crear un ovalo, si se omite height se creará un circulo con radio igual a width.

Cevent.path(string SVGpath)

Nota: la funcionalidad de dibujar SVG es gracias a código adaptado de la librería canto-js

Dibujar figura representada por la ruta SVG.

Ejemplo: ce = Cevent("mi-canvas"); // Dibujar un triangulo rectángulo ce.path("M50,50h50v-50z").draw();