Composant Graphique
Posté : 12 févr. 2009, 11:23
Bonjour,
Je cherche une solution à mon problème depuis maintenant deux jours et toujours le même résultat alors que pourtant, cela ne me parait pas si difficile que ça
Mon but, est seulement de tracer un trait sur ma page et ceci soit dans une div spécifique, soit dans le body.
J'ai fait pas mal de recherche portant ce sujet et d'après ce que j'ai compris :
Partie Javascript :
partie html :
Voila, mais il ne se passe rien, j'ai bien appeler mes procédures en javascript mais je pense qu'il doit me manquer quelque chose ou alors j'ai mal compris le fonctionnement.
Je vous remercie d'avance pour les réponses que vous pourriez me rapporter.
Modification / Suite :
Rebonjour,
Finalement, j'ai continuer dans mon coin et j'arrive a tracer ma ligne, c'est déjà bien
Mais j'ai un autre problème maintenant.
J'ai fait une page test :
Voila, ceci m'affiche la fonction myDrawFunction() au lancement de la page et me dessine mon trait.
Mais par contre, si j'appelle la fonction a partir du bouton, le page freeze et aucun resutat
Modification / Suite :
Voila, j'ai enfin trouvé ce que je voulais, ce n'est pas trop
Je remercie tout de même ceux qui ont prix la peine de lire ce message
Albat90
Je cherche une solution à mon problème depuis maintenant deux jours et toujours le même résultat alors que pourtant, cela ne me parait pas si difficile que ça
Mon but, est seulement de tracer un trait sur ma page et ceci soit dans une div spécifique, soit dans le body.
J'ai fait pas mal de recherche portant ce sujet et d'après ce que j'ai compris :
Partie Javascript :
Code : Tout sélectionner
<script type="text/javascript" src="wz_jsgraphics.js"></script> //on importe la librarie
<script language="javascript">
<!--
var jg = new jsGraphics("Canvas"); //instanciation de jg avec la div Canvas en paramètre
jg.setColor ( "black"); //on définit la couleur du trait
jg.DrawLine(X1, Y1, X2, Y2); //On trace le trait
jg.paint(); //On applique les changements.
//-->
Code : Tout sélectionner
<div id="Canvas" style="position:relative;min-height:800px;width:100%;"> //div en position absolut
Je vous remercie d'avance pour les réponses que vous pourriez me rapporter.
Modification / Suite :
Rebonjour,
Finalement, j'ai continuer dans mon coin et j'arrive a tracer ma ligne, c'est déjà bien
Mais j'ai un autre problème maintenant.
J'ai fait une page test :
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="wz_jsgraphics.js"> </script>
<script type="text/javascript">
<!--
var jg = new jsGraphics();
function myDrawFunction()
{
jg.setColor("#ff0000");
jg.drawLine(10, 113, 220, 55);
jg.paint();
}
myDrawFunction();
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<body>
<input type="button" value="trait" />
</body>
</html>
Mais par contre, si j'appelle la fonction a partir du bouton, le page freeze et aucun resutat
Modification / Suite :
Voila, j'ai enfin trouvé ce que je voulais, ce n'est pas trop
Je remercie tout de même ceux qui ont prix la peine de lire ce message
Albat90