canvas lire le context

Le
Etienne
salut.

j'ai un problème avec les canvas
j'ai créée un canvas de 400 * 400 pixels

<canvas id='working_canvas' style='position:absolute; z-index:2;
width:400px; height:400px; left:400px; top:0px;'></canvas>

hors ce simple code

canvas = document.getElementById("working_canvas");
canvas.width = canvas.width;
ctx_img = canvas.getContext('2d');
ctx_img.save();
ctx_img.strokeStyle = '#ff0000';
ctx_img.beginPath();
ctx_img.moveTo(0, 0);
ctx_img.lineTo(400, 400);
ctx_img.stroke();
ctx_img.restore();

me trace une ligne qui n'est pas la diagonale de mon canvas.
un peut comme si quelque part il y avait un scale qui avait été déclaré.

comment puis je lire les valeur de scale et de translation de mon canvas ?

Merci.
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Etienne
Le #23701641
Le 30/08/2011 11:37, Etienne a écrit :
j'ai un problème avec les canvas
j'ai créée un canvas de 400 * 400 pixels

<canvas id='working_canvas' style='position:absolute; z-index:2;
width:400px; height:400px; left:400px; top:0px;'></canvas>



Morte couille !!! J'ai trouvé

Je donne la solution car ça pourrait aider.
En fait width et height du style ne définissent pas la taille du canvas
mais uniquement la taille de l'objet HTML qui contient le canvas

Donc la solution c'est:

<canvas id='working_canvas' style='position:absolute; z-index:2;
width:400px; height:400px; left:400px; top:0px;' width='400'
height='400'></canvas>

Voila.
Etienne
Dr J R Stockton
Le #23711061
En fr.comp.lang.javascript Aout 2011 11:37:16, Etienne
salut.

j'ai un problème avec les canvas
j'ai créée un canvas de 400 * 400 pixels

<canvas id='working_canvas' style='position:absolute; z-index:2;
width:400px; height:400px; left:400px; top:0px;'></canvas>

hors ce simple code

canvas = document.getElementById("working_canvas");
canvas.width = canvas.width;
ctx_img = canvas.getContext('2d');
ctx_img.save();
ctx_img.strokeStyle = '#ff0000';
ctx_img.beginPath();
ctx_img.moveTo(0, 0);
ctx_img.lineTo(400, 400);
ctx_img.stroke();
ctx_img.restore();

me trace une ligne qui n'est pas la diagonale de mon canvas.
un peut comme si quelque part il y avait un scale qui avait été déclaré.

comment puis je lire les valeur de scale et de translation de mon canvas ?



En plusiers etoiles bien-connus) peut etre carre or non-carre par la ligne
Display : Square : Width : px Height : px
au-dessus, et les lignes dedans sont de bons angles.
Je ne me souviens pas comme je l'ai fait, mais on peut chercher au
source-code.

Essayez double-click au center, et donc drag-drop sur le
blanc ou le vert !

--
(c) John Stockton, nr London, UK. ?@merlyn.demon.co.uk Turnpike v6.05 MIME.
Web Astro stuff via astron-1.htm, gravity0.htm ; quotings.htm, pascal.htm, etc.
Publicité
Poster une réponse
Anonyme