blocks|key|1066506|text|“跟踪”是一个类似的术语，表示文本设置的紧凑程度或松散程度。你可能会更幸运地用谷歌搜索一下，比如this+result。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1066507|entityMap|0|LINK|mutability|MUTABLE|url|http://www.php.net/manual/en/function.imagettfbbox.php#51373^0|1C|B|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

"Tracking" is a similar term for how tight or loose text is set. You might have better luck googling for that, such as <a href="http://www.php.net/manual/en/function.imagettfbbox.php#51373" rel="nofollow noreferrer">this result</a>.

blocks|key|1066547|text|由于我们使用的字体，字距调整对我们不起作用，所以我们不得不为特定的字母组合，如AV，AW+...etc，手动添加字距调整。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1066548|/**
+*+This+function+lets+you+write+a+string+with+your+own+letter+spacing+($t)
+*+and+kern+specific+letter+combinations+like+AV
+*+
+*+@param+type+$im+An+image+resource,+returned+by+one+of+the+image+creation+functions
+*+@param+type+$size+The+font+size.+Depending+on+your+version+of+GD,+this+should+be+specified+as+the+pixel+size+(GD1)+or+point+size+(GD2).
+*+@param+type+$angle+The+angle+in+degrees,+with+0+degrees+being+left-to-right+reading+text.+Higher+values+represent+a+counter-clockwise+rotation.+For+example,+a+value+of+90+would+result+in+bottom-to-top+reading+text.
+*+@param+type+$t+Letter+Spacing
+*+@param+type+$k+Kerning+Spacing
+*+@param+type+$x+The+coordinates+given+by+x+and+y+will+define+the+basepoint+of+the+first+character+(roughly+the+lower-left+corner+of+the+character).+This+is+different+from+the+imagestring(),+where+x+and+y+define+the+upper-left+corner+of+the+first+character.+For+example,+"top+left"+is+0,+0.
+*+@param+type+$y+The+y-ordinate.+This+sets+the+position+of+the+fonts+baseline,+not+the+very+bottom+of+the+character.
+*+@param+type+$color+The+color+index.+Using+the+negative+of+a+color+index+has+the+effect+of+turning+off+antialiasing.+See+imagecolorallocate().
+*+@param+type+$font+The+path+to+the+TrueType+font+you+wish+to+use.
+*+@param+type+$text+Text+to+write/print+to+the+image
+*/
function+ImageTTFTextWithSpacing($im,+$size,+$angle,+$t,+$k,+$x,+$y,+$color,+$font,+$text)+{
++++$numchar+=+strlen($text);
++++for($i+=+0;+$i+<+$numchar;+$i%2B%2B)+{
++++++++#+Assign+character
++++++++$char[$i]+=+substr($text,+$i,+1);

++++++++//Top+is+wider+than+bottom+of+character
++++++++$up+=+['Y','V','W'];
++++++++//Bottom+is+wider+than+top+of+character
++++++++$down+=+['A'];
++++++++//From+the+second+letter+on
++++++++if(+$i+>+0+&&+
++++++++++++++++//check+whether+we+have+TOP+and+BOTTOM+type+character+
++++++++++++++++//next+to+each+other+so+we+need+to+adjust+spacing
++++++++++++++++((in_array($char[$i],+$up)+&&+in_array($char[$i-1],+$down))+%7C%7C+
++++++++++++++++(in_array($char[$i-1],+$up)+&&+in_array($char[$i],+$down))+))+{
++++++++++++$w+-=+$k;
++++++++}

++++++++#+Write+character
++++++++imagettftext($im,+$size,+$angle,+($x+%2B+$w+%2B+($i+*+$t)),+$y,+$color,+$font,+$char[$i]);

++++++++#+Get+width+of+character
++++++++$width+=+imagettfbbox($size,+$angle,+$font,+$char[$i]);
++++++++$w+=+$w+%2B+$width[2];
++++}
}|code-block|syntax|javascript|1066549|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Kerning didn't work for us thanks to the font we used, so we had to put in manual kerning for specific letter combinations like AV, AW ...etc.

<pre><code>/**
 * This function lets you write a string with your own letter spacing ($t)
 * and kern specific letter combinations like AV
 * 
 * @param type $im An image resource, returned by one of the image creation functions
 * @param type $size The font size. Depending on your version of GD, this should be specified as the pixel size (GD1) or point size (GD2).
 * @param type $angle The angle in degrees, with 0 degrees being left-to-right reading text. Higher values represent a counter-clockwise rotation. For example, a value of 90 would result in bottom-to-top reading text.
 * @param type $t Letter Spacing
 * @param type $k Kerning Spacing
 * @param type $x The coordinates given by x and y will define the basepoint of the first character (roughly the lower-left corner of the character). This is different from the imagestring(), where x and y define the upper-left corner of the first character. For example, "top left" is 0, 0.
 * @param type $y The y-ordinate. This sets the position of the fonts baseline, not the very bottom of the character.
 * @param type $color The color index. Using the negative of a color index has the effect of turning off antialiasing. See imagecolorallocate().
 * @param type $font The path to the TrueType font you wish to use.
 * @param type $text Text to write/print to the image
 */
function ImageTTFTextWithSpacing($im, $size, $angle, $t, $k, $x, $y, $color, $font, $text) {
 $numchar = strlen($text);
 for($i = 0; $i &lt; $numchar; $i++) {
 # Assign character
 $char[$i] = substr($text, $i, 1);

 //Top is wider than bottom of character
 $up = ['Y','V','W'];
 //Bottom is wider than top of character
 $down = ['A'];
 //From the second letter on
 if( $i &gt; 0 &amp;&amp; 
 //check whether we have TOP and BOTTOM type character 
 //next to each other so we need to adjust spacing
 ((in_array($char[$i], $up) &amp;&amp; in_array($char[$i-1], $down)) || 
 (in_array($char[$i-1], $up) &amp;&amp; in_array($char[$i], $down)) )) {
 $w -= $k;
 }

 # Write character
 imagettftext($im, $size, $angle, ($x + $w + ($i * $t)), $y, $color, $font, $char[$i]);

 # Get width of character
 $width = imagettfbbox($size, $angle, $font, $char[$i]);
 $w = $w + $width[2];
 }
}
</code></pre>

Our dev server was recently upgraded to PHP v5.2.13. With that upgrade we have found that our png images are having kerning (letter spacing) problems. We've tried numerous fonts and haven't found a solution yet.

We are creating images using the GD library and writing text to the images using font files and the imagettftext() or imagefttext() functions.

Has anyone else run into this? Am I misunderstanding something or should this be submitted to PHP as a bug? Are there any cool workarounds I haven't thought of yet?

Here's an example of the new and old tahoma bold. Other fonts (bold and non-bold) have the same problem. Some letters and numbers seem like they're off-center or something like that.

Bad - new PHP

Good - old PHP v5.2.11 (the words are slightly different because this is our dev server and the other one is the live server)

PHP update kerning problem with imagettftext() and imagefttext() functions

服务器

我们的开发服务器最近升级到了PHPV5.2.13。通过这次升级，我们发现我们的png图像存在字距(字母间距)问题。我们已经尝试了许多字体，但还没有找到解决方案。我们使用GD库创建图像，并使用字体文件和imagettftext()或imagefttext()函数将文本写入图像。有没有其他人遇到过这种情况？我是不是误解了什...

问使用imagettftext()和imagefttext()函数的PHP更新紧排问题
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用imagettftext()和imagefttext()函数的PHP更新紧排问题EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用imagettftext()和imagefttext()函数的PHP更新紧排问题
EN