¿Cómo se determina la longitud (en píxeles) de una cadena que se procesa en una página web?

Question

Si conozco el tamaño de fuente (12) y la familia de fuentes (calibri), ¿hay alguna manera de determinar la longitud (en píxeles) que tomará una cadena determinada después de que se procesará? Estoy absolutamente seguro sobre la fuente y el tamaño. ¿Hay alguna tabla de búsqueda para este propósito para determinar la longitud en el código PHP en sí? Estoy escribiendo un script PHP para generar dinámicamente una imagen SVG que contiene varios cuadros llenos de datos extraídos de un DB. El problema es que tengo que ajustar manualmente el texto y aumentar el tamaño del cuadro si la cadena es grande.

Gracias

Answer 1

utilizar la función de PHP imagettfbbox para obtener el tamaño del cuadro delimitador de la cadena dada.

Por otro lado, usted puede utilice también javascript to manipulate SVG images en caso de que desee manejarlo en el lado del cliente. De esa manera ni siquiera importa si el cliente tenía la fuente especificada o no ...

Answer 2

Su título y publicación actual parecen decir cosas ligeramente diferentes. Supongo que lo que realmente está preguntando es si es posible determinar el ancho en píxeles del texto procesado en una página web en su código PHP (antes de que se muestre la página web).

Si es así, la respuesta es "NO". Dicha fuente puede no estar disponible en la computadora del usuario; él/ella puede tener una hoja de estilo personalizada aplicada; use tamaños de letra grandes; etc ...

Lo que puede hacer es determinar que la anchura usando javascript después de la página se representa (obviamente, se puede hacer eso en alguna otra página, así y espero que nada cambia hasta entonces), y lo presentarán de vuelta a PHP. Con algunos AJAX-ing inteligentes, incluso puedes hacer esto en la misma página.

Eche un vistazo a this question para detalles sobre cómo hacer esto en javascript.

Answer 3

Puede usar PHP GD para representar la cadena como una imagen y obtener el tamaño de la imagen resultante.

Si utiliza esto, debería funcionar:

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

    $width = $right - $left; 

Answer 4

Uso de jQuery,

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

Answer 5

Si desea determinar la longitud de cadena de texto, el uso de PHP Build-A -Fuentes (por ejemplo, si está utilizando imagestring()), se puede utilizar:

imagefontwidth() 


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

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

Si no utiliza el Build-A-Fuentes, imagettfbbox uso(), como se mencionó anteriormente.