2010-10-24 4 views
0

Je me demandais comment redimensionner un div contenant du texte en définissant une largeur et une hauteur de sorte qu'il s'étendrait pour remplir cette zone comme une balise? Par exemple. Lorsque vous définissez l'attribut width et height d'une image, il redimensionne l'image pour remplir cette zone. J'ai besoin de prendre une valeur arbitraire de largeur et de hauteur et d'étirer un texte div contenant ces dimensions. Je ne souhaite pas envoyer une requête à un script php pour construire une image contenant le texte car elle sera lente et affectera l'évolutivité de l'application web. Oh, et je préfèrerais de préférence ne pas utiliser html5 car c'est une condition préalable à la compatibilité avec ie7 + (et firefox/chrome).Javascript redimensionner le texte comme une image

Merci.

+0

Pouvez-vous utiliser jQuery? –

+0

Oui, je suis capable d'utiliser jQuery. –

+0

Vous souhaitez simplement étendre le texte ou augmenter la taille de la police? – Starx

Répondre

0

Ok, Voici comment faire.

http://www.jsfiddle.net/Zp8AH/

Cependant, certains facteurs comme la famille de polices, la largeur de division doivent être fixés, pour que ce code fonctionne.

+0

Comment 'animate()' aidera-t-il à déterminer la taille de police correcte nécessaire pour adapter une certaine chaîne à une largeur ou une hauteur spécifique? La démo utilisée ici s'anime d'une * taille de police * et d'une largeur de conteneur, mais le texte n'est pas étiré pour remplir le conteneur. –

+0

Vous avez vous-même donné la réponse à ce problème dans votre commentaire 'de sorte que vous devrez calculer la taille de police correcte pour une chaîne donnée, et une largeur ou une hauteur de pixel donnée – Starx

+0

Juste pour rendre les choses plus claires, je dois prendre largeur et hauteur et redimensionner le texte en quelque sorte pour s'adapter au conteneur. Définir correctement la taille de la police dépend de la largeur ou de la hauteur, ce que je ne peux pas faire. –

Questions connexes