Dessiner des lignes avec wz_jsgraphics

**derzy971** · 20/04/2010, 04h35

bonjour,

voila,
depuis peu j'utilise la librairie wz_jsgraphics (http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm) pour un petit projet
mais voila, je fais tout mon possible pour dessiner des lignes, mais il y a toujours une qui ne se dessine pas

je vous montre le code source de la page, peut etre vous verrez mon erreur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Organigrammes</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="./css/org.css" />
		<script type="text/javascript" src="./js/wz_jsgraphics.js"></script>
    </head>
 
<body>	
 
 
<script type="text/javascript" src="./js/affiche.js"></script>
	<div id="canvas"></div>
 
	<script type="text/javascript">
		<!--
		var jg = new jsGraphics("canvas");
		//-->
	</script> 
 
				<script type="text/javascript">
 
					drawDiv(jg,"416","15","200","34","#C2E4F9");
					drawCaract(jg,"test","test","416","15","200","center","10");
 
 
					drawDiv(jg,"0","59","200","34","#C2E4F9");
					drawCaract(jg,"testt","test","0","59","200","center","10");
 
 
					drawDiv(jg,"0","103","200","34","#C2E4F9");
					drawCaract(jg,"testeee","test","0","103","200","center","10");
 
				</script>
 
	<script type="text/javascript">
 
				drawStroke(jg,"516","516","49","54");
 
 
 
				drawStroke(jg,"100","100","59","54");
 
 
 
				drawStroke(jg,"516","100","54","54");
 
 
 
				drawStroke(jg,"516","516","49","120"); //dans cette exemple c'est celui ci qui ne se dessine jamais
 
 
 
				drawStroke(jg,"200","516","120","120");
 
 
				</script>	
</body>
</html>

le code de la fonction affiche :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function drawDiv(jg,left,top,width,height,color)
{ 
	jg.setColor(color);
	jg.fillRect(left,top,width,height);
	jg.paint();
}
 
function drawStroke(jg,x1,x2,y1,y2)
{
	jg.setColor("black"); 
	jg.drawLine(x1,y1,x2,y2);
	jg.paint();
}
 
function drawCaract(jg,serv,resp,x,y,width,align,taille)
{
	jg.setColor("black"); 
	jg.setFont("font-family",taille+"px",Font.PLAIN);
	jg.drawStringRect("<p>"+serv+"</p><p>"+resp+"</p>",x,y,width,align);
	jg.paint();
}

merci d'avance

**derzy971** · 20/04/2010, 15h01

voila
après quelques heures de recherches, j'ai trouvé la solution
la fonction drawLine fonctionne avec des nombres donc si on met les guillemets à un moment ou un autre, il déconne (pourquoi pas tout le temps je ne sais pas) et chose bizarre la fonction fillRect, elle fonctionne avec les guillemets, sans rien ne s'affiche.
En tout cas, cette librairie est très interressante, pour faire du dessin vectoriel compatible avec tous les navigateurs (même IE) mais le SVG reste à mon goût le plus flexible

Dessiner des lignes avec wz_jsgraphics

JavaScript

Discussions similaires

Partager

Partager