Est-il possible d'afficher du texte à un angle dans une page web?
Je voudrais savoir si il est possible ou non pour créer du texte dans une page web à un angle, par exemple à 40 Degrés. Si c'est possible, comment puis-je faire cela?
EDIT: Finalement, j'ai décidé d'aller avec Mathias Bynens de réponse.
Il utilise le RaphaelJS de la bibliothèque de la croix-navigateur rotation du texte sans les images.
Il a déjà été mentionné dans les Kyle réponse et dans les commentaires sur la mienne, mais oui, vous avez raison 🙂 J'ai vu les deux quand j'ai enregistré la réponse. Vous devriez inclure dans votre commentaire dans votre réponse. En fait une pleine couverture de 100% et un 🙂 Donc, la meilleure soltuion est l'aide que RaphaelJS de la bibliothèque de la Croix-Navigateur de la Rotation? Il n'y a pas de moyen plus facile? Fait, merci pour la suggestion! Le facile est une image. Mais bien sûr, c'est le moins favorable. En dehors de cela, c'est surtout un gâchis de le faire de la cross-browser, et, oui, je te suggère de RaphaelJS et un JavaScript solution, si vous avez besoin de le faire rapidement et n'ont pas besoin de la possibilité de sélectionner du texte.
IE prend en charge filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);, où la rotation de la propriété accepte l'une des quatre valeurs: 0, 1, 2, ou 3 qui fait pivoter l'élément 0, 90, 180 ou 270 degrés respectivement. C'est un filtre, donc je ne serait pas recommandé de l'utiliser.
L'OP devrait noter que la plupart des versions de IE ne prennent pas en charge CSS3 Bon point. IE prend en charge filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);, où la rotation propriété accepte l'une des quatre valeurs: 0, 1, 2, ou 3 qui fait pivoter l'élément 0, 90, 180 ou 270 degrés respectivement. C'est un filtre, donc je ne serait pas recommandé de l'utiliser. Merci beaucoup à vous tous, je vais essayer.
Mathias est dans son bon droit de réponse, mais également leur soutien à dire que vous pouvez utiliser leur filtre:
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);/*play with the number to get it right*/
IE seront pris en charge trop 🙂
Malheureusement, comme je l'ai noté dans les commentaires sur ma réponse, la rotation de la propriété n'accepte quatre valeurs: 0, 1, 2, ou 3 qui fait pivoter l'élément 0, 90, 180 ou 270 degrés respectivement. Il n'y a pas moyen de faire un 40° rotation de cette façon. Aha, vraiment? Je n'ai jamais utiliser le filtre, il suffit de le faire savoir pour que je ne savais pas que c'était "fixe". La confiance MS à inventer quelque chose d'utile, mais en même temps inutile. C'est une honte pourquoi IE tend à être si différent (pénible) à la fois
À ajouter à Mathias de réponse, vous pouvez faire pivoter le texte dans IE, trop: http://snook.ca/archives/html_and_css/css-text-rotation
Cependant, vous êtes lié à des multiples de 90°.
En dehors de cela, vous pourriez utiliser SVG/VML pour la rotation de texte. Regardez, par exemple, à cette page: http://raphaeljs.com/text-rotation.html
Il utilise le RaphaelJS de la bibliothèque de la croix-navigateur rotation du texte sans les images.
J'ai vu les deux quand j'ai enregistré la réponse. Vous devriez inclure dans votre commentaire dans votre réponse. En fait une pleine couverture de 100% et un 🙂
Donc, la meilleure soltuion est l'aide que RaphaelJS de la bibliothèque de la Croix-Navigateur de la Rotation? Il n'y a pas de moyen plus facile?
Fait, merci pour la suggestion!
Le facile est une image. Mais bien sûr, c'est le moins favorable. En dehors de cela, c'est surtout un gâchis de le faire de la cross-browser, et, oui, je te suggère de RaphaelJS et un JavaScript solution, si vous avez besoin de le faire rapidement et n'ont pas besoin de la possibilité de sélectionner du texte.
OriginalL'auteur Boldewyn
Utiliser CSS3 transforme:
IE prend en charge
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
, où la rotation de la propriété accepte l'une des quatre valeurs:0
,1
,2
, ou3
qui fait pivoter l'élément 0, 90, 180 ou 270 degrés respectivement. C'est un filtre, donc je ne serait pas recommandé de l'utiliser.Bon point. IE prend en charge
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
, où larotation
propriété accepte l'une des quatre valeurs:0
,1
,2
, ou3
qui fait pivoter l'élément 0, 90, 180 ou 270 degrés respectivement. C'est un filtre, donc je ne serait pas recommandé de l'utiliser.Merci beaucoup à vous tous, je vais essayer.
OriginalL'auteur Mathias Bynens
Mathias est dans son bon droit de réponse, mais également leur soutien à dire que vous pouvez utiliser leur filtre:
IE seront pris en charge trop 🙂
0
,1
,2
, ou3
qui fait pivoter l'élément 0, 90, 180 ou 270 degrés respectivement. Il n'y a pas moyen de faire un 40° rotation de cette façon.Aha, vraiment? Je n'ai jamais utiliser le filtre, il suffit de le faire savoir pour que je ne savais pas que c'était "fixe". La confiance MS à inventer quelque chose d'utile, mais en même temps inutile.
C'est une honte pourquoi IE tend à être si différent (pénible) à la fois
OriginalL'auteur Kyle