Discussion :

[Speed41]

Bonjour,

Projet à mettre dans mon arduino donc espace mémoire réduit

Je réalise un graphique avec des div, les points se positionnent correctement, maintenant je voudrais relier ces points avec une div inclinée de height=2px

Mes calculs semblent bon mais voila la droite n'est pas de la bonne longueur
Point peut être important tous mes calculs se font avec des valeurs en %, c'est peut être tout simplement la 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
 
function trait(x0, y0, x1, y1) {
	var y = 0;
	var ligne = document.createElement('div');
	ligne.style.left = x0 + '%';
	ligne.style.top = y0 + '%';
	ligne.style.height = 2 +'px';
 
	var ab = x1-x0;
	var bc = y1-y0;
	if (y1<y0) { bc = y0-y1; }
	var hypo = Math.sqrt(Math.pow(ab, 2)+Math.pow(bc, 2));
 
	ligne.style.width = hypo + '%';
 
	ligne.style.transformOrigin  = 'left top';
	var ang = Math.acos(ab / hypo);
	if (y0<y1) { ligne.style.transform = 'rotate('+ang+'rad)'; } 
		else { if (y0!=y1) { ligne.style.transform = 'rotate(-'+ang+'rad)'; } }
 
	document.getElementById('graphe').appendChild(ligne);
}

Quand je change la taille de ma fenêtre l'écart change

Si quelqu'un a une idée, je sèche.

Merci