Comment déterminer la longueur (en pixels) d'une chaîne en cours de rendu sur une page web?

Si je sais que la taille de la police (12) et la famille de police (calibri), est-il un moyen pour déterminer la longueur (en pixels) d'une chaîne donnée prendra après, il sera rendu? Je suis absolument certain de la police et de la taille. Existe-il des tables de choix pour cette fin de déterminer la longueur dans le code PHP lui-même? Je suis en train d'écrire un script PHP pour générer dynamiquement une image SVG, qui contient diverses boîtes remplies avec des données extraites de la bd. Le problème est que je dois manuellement le texte à la ligne autour et à l'augmentation de la taille de la boîte si la ficelle est grosse.

Grâce

InformationsquelleAutor Kshitij Saxena -KJ- | 2009-10-29
  1. 17

    Utiliser la fonction PHP imagettfbbox pour obtenir la taille de la boîte englobante de la chaîne.

    D'autre part, vous peut utiliser aussi javascript pour manipuler des images SVG dans le cas où vous souhaitez gérer sur le côté client. De cette façon, il ne serait même pas d'importance si le client avait la police spécifiée ou pas...

    • c'était la fonction que je pensais quand j'ai donné ma réponse ... ma mémoire n'est pas aussi bonne qu'elle ne l'habitude d'être ...
    InformationsquelleAutor kkyy
  2. 17

    Vous pouvez utiliser PHP GD au rendu de la chaîne comme une image et la taille de l'image résultante.

    Si vous utilisez cela, il convient de travail:

       list($left,, $right) = imageftbbox( 12, 0, "arial.ttf", "Hello World");

   $width = $right - $left;
    • Il semble que Crimson est rendu à la chaîne comme une image, mais la question est de savoir quelle est la taille de l'image, de sorte que la chaîne va s'adapter correctement. Peut-être que le fait avec la librairie GD? Je ne pense pas qu'il y avait un retour à la ligne option avec GD.
    • +1 GD apparaît utile
    • phalacee, je ne suis pas en mesure de trouver un moyen de GD pour déterminer la chaîne de largeur. Il semble que je dois appeler imagecreate() avec la largeur de l'image et de la hauteur params avant une chaîne de caractères peut être écrit pour elle et donc de faire de l'exercice futile aller-retour 🙁
    • Crimson, même en utilisant imageftbbox() ??? si vous utilisez: list($gauche,, $droite) = imageftbbox( 12, 0, arial.ttf, "Hello World"); $largeur = $droit $left; il devrait fonctionner ...
    • Il y a une faute de frappe dans imageftbbox
    InformationsquelleAutor jsnfwlr
  3. 5

    Titre et de l'emploi effectif à l'air de dire des choses légèrement différentes. Je devine ce que vous êtes vraiment se poser est de savoir si il est possible de déterminer la largeur en pixels du texte de l'affichage sur une page web dans votre code PHP (avant la page web en cours de rendu).

    Si oui, la réponse est "NON". Dit la police peut ne pas être disponible sur l'ordinateur de l'utilisateur; il peut avoir une feuille de style personnalisée appliquée; utiliser des polices de grande taille; etc...

    Ce que vous peut faire est de déterminer que la largeur à l'aide de javascript après la page est rendue (évidemment, vous pouvez le faire dans une autre page aussi bien et espère que rien ne change jusqu'à l'époque) et de le soumettre à PHP. Avec quelques petits malins AJAX-ing, vous pouvez même le faire sur la même page.

    Prendre un coup d'oeil à cette question pour plus de détails sur la façon de le faire en javascript.

    • Veuillez voir mon edit. +1 pour le lien mais cela ne résout pas mon but 🙁
    • Je suis en désaccord. Crimson est à l'aide de PHP pour générer une image. Qui est fait sur le côté serveur, de sorte que la police sera certainement disponible.
    • Crimson est de demander combien de pixels que la chaîne de prendre lors du rendu dans le navigateur, non pas dans l'image, il est rendu. Ou, au moins, c'est la façon dont je l'ai compris.
    • si vous êtes vraiment absolument certains que dit la chaîne sera rendu à l'aide de la police / taille (qui, je suppose est possible que si vous avez le contrôle complet sur la fin spécifiques à l'environnement du navigateur / OS / polices) vous pouvez réellement utiliser GD pour le trouver comme suggéré par phalacee
    • En fait, c'est un peu des deux que je suis en utilisant le SVG définition pour une image - l'image n'est pas une image bitmap. Ainsi, c'est le navigateur du problème afin de trouver la bonne police, mais disons que la police est certainement disponible. Comment pouvons-nous trouver la largeur de maintenant? Comment puis-je récupérer la largeur en pixels de chaque glyphe de la police et de la somme?
    • Je corrige la position des mains. +1
    • jetez un oeil à php.net/manual/en/function.imagettfbbox.php par exemple. En supposant que vous avez le fichier de polices disponibles sur votre serveur, cela devrait faire ce que vous voulez.

    InformationsquelleAutor ChssPly76
  4. 3

    Utiliser jQuery, 

    $("text").each(function(){alert(this.innerHTML+" is "+$(this).width()+" pixels.");});
    InformationsquelleAutor WebManWalking
  5. 2

    Si vous voulez déterminer la longueur de la chaîne de texte à l'aide de PHP Construire-Dans-les Polices de caractères (par exemple, si vous utilisez la fonction imagestring()), vous pouvez utiliser:

    imagefontwidth()


$text = "Your text here"
$fontSize = 5;

$textLength = imagefontwidth($fontSize) * strlen($text);

    Si vous n'utilisez pas le Construire-Dans-les Polices, utilisez imagettfbbox(), comme mentionné ci-dessus.

    InformationsquelleAutor TimoRieth