canvas , arc et database

**pikamo** · 19/05/2013, 00h45

Bonjour,

Dans ma base de données j'ai un table qui contient des points et ses coordonnées x et y.

Mon but est de tracer ces points dans une page de php !!
Avec le java j'ai bien réussi à le faire même j'ai bien tracer les lignes qui relient deux points.

en java :

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
 
//à partir de basse de données
// récupéré le ligne et les deux points 
System.out.println(" taille listligne = "+listligne.size());
for (int k = 0; k<listligne.size(); k++) {
o1=listligne.get(k).getNom_o1();
o2=listligne.get(k).getNom_o2();
System.out.println(o1 + "__________"+o2);
 
//récupéré les coordonnées x et y de la 1 ére point o1
listo1 = dataBase.getXYpoint(o1);
 
//Dessiner o1
System.out.println(" taille listo1 = "+listo1.size()); 
for (int i = 0; i<listo1.size(); i++) {
System.out.println(x1 + "__________" + y1);
g.setColor(Color.BLUE);
g.fillOval(x1, y1 , ordx, ordy);
}
 
//récupéré les coordonnées x et y de la 1 ére point o2
listo2 = dataBase.getXYpoint(o2);
 
//Dessiner o2
System.out.println(" taille listo2 = "+listo2.size()); 
for (int i = 0; i<listo2.size(); i++) {
System.out.println(x2 + "__________" + y2);
g.setColor(Color.BLUE);
g.fillOval(x2, y2 + 80, ordx, ordy);
}
 
//dessiner la ligne
 
g.setColor(Color.CYAN);
g.drawLine(x1,y1,x2, y2);

Je veux implémenté cet algorithme en php mais j'ai sais pas comment ...

Si vous pouvez me guider

Merci d'avance

**N1bus** · 20/05/2013, 15h59

Bonjour,

Il te faut utiliser les fonctions d'images de la librairie GD

Notamment imageline pour les lignes et imagearc pour les arcs.

**pikamo** · 20/05/2013, 17h42

Bonjour,

je sais pas comment passer les x et y vers le script java

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
 
<html>
<head>
<script type="text/javascript">
        function draw(x,y) {
               var canvas = document.getElementById("canvas1");
               var ctx = canvas.getContext("2d"); 
               canvas.width = 800;
               canvas.height = 400;
	       ctx.beginPath();
               //ctx.arc(80,55,50,0,2*Math.PI)
               ctx.arc(x,y,50,0,2*Math.PI)
	       ctx.stroke();
}
</script> 
<?php
$base = mysql_connect ('localhost', '**','**');  
mysql_select_db ('***', $base) ; 
$sql    = "select * from  Objet ";
$result = mysql_query($sql) or die(mysql_error());  
while( $row = mysql_fetch_array( $result ) ) {
    $x=$row['Px'];
    $y=$row['Py'];
  //echo $x . " " . $y;
  //echo '<script type="text/javascript"> '   'draw('.$x.','.$y.')'   '</script>';
}
?>