JSYG.ShapeDrawer

Draw svg shapes with JSYG framework

Demo

http://yannickbochatay.github.io/JSYG.ShapeDrawer

Installation

npm install jsyg-shapedrawer

Example with module bundler

import ShapeDrawer from "jsyg-shapedrawer"

let drawer = new JSYG.ShapeDrawer();
        
drawer.on("end",function(e,shape) {
    alert("What a beautiful "+shape.tagName);
});

document.querySelector("svg").on("mousedown",function(e) {

    let shape = document.createElementNS("http://www.w3.org/2000/svg","rect");
   //with JSYG framework : shape = JSYG("<rect>")

    this.appendChild(shape);

    drawer.draw(shape,e);
});

API

Table of Contents

• ondraw
• onend
• minArea
• options
• inProgress
• drawLine
  • Parameters
• drawShape
  • Parameters

ondraw

fonction(s) à éxécuter pendant le tracé

onend

fonction(s) à éxécuter à la fin du tracé

minArea

Aire minimale en dessous de laquelle la forme ne sera pas conservée

options

Options supplémentaires pour le redimensionnement de la forme

inProgress

Indique si un tracé est en cours

drawLine

Tracé d'une ligne (cas particulier)

Parameters

• line JSYG élément line à tracer
• e Event événement mousedown

Returns ShapeDrawer.prototype

drawShape

Commence le tracé de la forme

Parameters

• shape
• e Event objet Event (événement mousedown).
• élément SVGElement à dessiner