Dessin vectoriel avec Javascript

La bibliothèque wz_jsgraphics.js permet de faire du dessin au sein d'une page HTML directement avec Javascript

La première chose à faire est de créer un objet de type "jsGraphics". Si l'on veut dessiner directement dans la page la syntaxe à utiliser pour créer l'objet est
var gr = new jsGraphics();
Sinon, passer en paramêtre (chaîne) l'id de la couche DIV correspondante (comme dans l'exemple présenté ci-dessous).

Pour définir la couleur avec laquelle dessiner:
gr.setColor("red");
On ne peut pas définir le zIndex.
jsGraphics a les méthodes suivantes:

drawEllipse(x,y,w,h)
drawLine(x1,y1,x2,y2);
drawRect(x,y,largeur,hauteur)
drawPolyline(Xpoints,Ypoints)
drawPolygon(Xpoints,Ypoints)
et aussi: fillRect,fillEllipse, fillPollygon
épaisseur du trait: setStroke(3) ou setStroke(Stroke.DOTTED)

Après avoir appelées ces méthodes on dessine le résultat par un appel à gr.paint() (la méthode gr.clear() efface tout)

setPrintable(true) permet d'imprimer le dessin (par défaut IE n'imprime pas les couleurs de fond).

Documentation