Ecrire un texte à la verticale, à 90° : possible ?

Ecrire un texte à la verticale, à 90° : possible ? - HTML/CSS - Programmation

Marsh Posté le 30-05-2008 à 13:27:27    

Bonjour,
 
Je cherche à écrire un texte verticalement, en le pivotant de 90°.
En gros, c'est comme si on écrivait sur une feuille, et qu'on la pivotait de 90° vers la gauche.
 
J'ai trouvé ce script :
http://www.editeurjavascript.com/s [...] _3_432.php
Mais il est incompatible avec Mozilla.
 
Le texte écrit à la verticale change, donc je ne pense pas pouvoir passer par une image.  
 
Merci de votre aide.


Message édité par Sbartacus le 30-05-2008 à 13:27:48
Reply

Marsh Posté le 30-05-2008 à 13:27:27   

Reply

Marsh Posté le 30-05-2008 à 15:14:45    

Non.
 
En tous les cas pas sans une montagne de hacks ou de code coté serveur. Il y a intérêt à ce que ça en vaille la peine si tu veux faire ça. Pour avoir essayé :
 

  • Canvas : la grosse blague : ça ne supporte pas l'écriture de texte. La bidouille c'est d'inclure la police vectorielle en Javascript. Gainial.
  • Image générée à la volée coté serveur : j'avais une dll qui utilisait gdi+. L'anti-aliasing était un peu trop flou, mais c'était correct. Évidemment, c'était super lent (génération du bitmap, compression en png 8bits et renvoie au client), mais utilisable pour quelques morceaux de texte.


Reply

Marsh Posté le 30-05-2008 à 16:36:19    

Merci pour ta réponse.
Ce n'est pas quelque chose d'indispensable, donc au vu des solutions que tu me décris, je vais abandonner. Pour les images générées à la volée, je n'ai pas du tout les compétences pour cela. :(
 
Merci encore.

Reply

Marsh Posté le 01-06-2008 à 13:30:14    

Bah non, c'est simple, mais faut passer par GD en php...
tu pourra choisir l'orientation du texte, la taille ( en px ) la police ( ttf, autant faire simple ) et en demandant gentiment on peut même te faire ton script :D

Reply

Marsh Posté le 02-06-2008 à 02:58:20    

Si c'est pour un affichage "classique" style menu.
Tu met ton texte des une image et puis stoo :o

Reply

Marsh Posté le 02-06-2008 à 09:31:41    

Non en fait c'est une fiche client, et en vertical j'voulais mettre le n° client de la fiche consultée.
 

l0g4n a écrit :

Bah non, c'est simple, mais faut passer par GD en php...
tu pourra choisir l'orientation du texte, la taille ( en px ) la police ( ttf, autant faire simple ) et en demandant gentiment on peut même te faire ton script :D


 
 
Ah merci. Mais en fait je ne pense pas pouvoir passer par le php. Le projet est développé sous Netbeans, en Jsp.

Reply

Marsh Posté le 04-06-2008 à 16:11:16    

Oula, les IDE, c'est la mort, enfin, ce que j'en dis...

Reply

Marsh Posté le 04-06-2008 à 16:53:32    

C'est gérable en SVG, compatible IE7 via un plugin adobe et firefox 2 nativement
http://www.informit.com/articles/a [...] 9&seqNum=2
 
C'est du XML donc générable comme tu veux coté server, et manipulable via le DOM en javascript ...

Reply

Marsh Posté le 04-06-2008 à 17:09:45    

Pourquoi ne pas simplement écrire ton n° de fiche comme ça:

1
2
3
4
T
O
5


:??:


Message édité par anapajari le 04-06-2008 à 17:09:52

---------------
Software and cathedrals are much the same - first we build them, then we pray.
Reply

Marsh Posté le 05-06-2008 à 18:33:50    

Une autre solution a la con est de faire plein de petite image de chiffre
Et tu les integre comme ca :
 
<img src="1.jpg" /><br/>
<img src="5.jpg" /><br/>
<img src="8.jpg" /><br/>
<img src="9.jpg" /><br/>
<img src="3.jpg" /><br/>
 
C'est stupide, mais ca marche ;)

Reply

Marsh Posté le 05-06-2008 à 18:33:50   

Reply

Marsh Posté le 06-06-2008 à 09:52:36    

Merci GordonF_69, ta solution semble être la plus simple à mettre en œuvre. Je pense que finalement c'est ce que je vais faire.
 
Merci à tous. :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed