Dire à un div créé en Javascript de pivoter
Bonjour,
J'ai conçu un script en javascript pour réaliser un axe y sur une image. Ce script vient mettre une série de div contenant un point à la suite pour créer une droite noir sur l'image. Cependant, cette image est pivotée de 90°, cela ne pose pas de problème pour créer l'axe. Cependant sur l'axe j'aimerais mettre la valeur des différents points de 10% à 100%. Et donc de faire pivoter le div créé de 90° pour que les valeurs soient alignées avec l'image.
Voici le code que j'utilise pour créer le div :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| function pixellisation(x,y,mot)
{
var monDiv = document.createElement("div");
//definition du style
monDiv.style.fontSize = "15px";
monDiv.style.width = "3px";
monDiv.style.height = "3px";
monDiv.style.position = "absolute";
monDiv.style.top = parseInt(y-16)+"px";
monDiv.style.left = parseInt(x-2)+"px";
monDiv.style.zIndex = "100";
//contenu du div
monDiv.innerHTML = mot;
//ajout du div dans le document
document.body.appendChild(monDiv);
} |
Je connais la fonction à intégrer au div pour qu'il pivote de 90°, à savoir :
Code:
<div id='oDiv' style=position:absolute;filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)' >
Donc, j'aimerais connaître la synthaxe javascript à mettre lors de la création du div pour qu'il comprenne ceci :
Code:
filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'
Enfin du moins, si c'est réalisable.
Merci.
