blocks|key|1378071|text|我的建议是，在创建图像对象之前，获取所需的文本大小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1378072|这是使用font.getsize("text")+(documentation)完成的。|offset|length|style|CODE|1378073|在我制作的一个图像生成脚本中，我首先通过调用font.getsize("Åj")的equvalient找到了一行文本的最大高度(如果您只需要US-ASCII码，您可以找到"Aj"的高度)。然后，我计算了所需的图像高度和行距，包括页边距和行距。|1378074|entityMap|0|LINK|mutability|MUTABLE|url|http://effbot.org/imagingbook/imagefont.htm^0|0|4|K|Q|D|0|0|M|I|2D|4|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@$D|T|E|U|F|G]]|9|@$D|V|E|W|1|X]]|A|$]]|$1|H|3|I|5|6|7|Y|8|@$D|Z|E|10|F|G]|$D|11|E|12|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

My suggestion is, before you create the image object, to get the required size for the text.

This is done using <code>font.getsize("text")</code> (<a href="http://effbot.org/imagingbook/imagefont.htm" rel="nofollow noreferrer">documentation</a>).

In a image generating script I made, I first found the maximum height of one line of text, by calling the equvalient of <code>font.getsize("Åj")</code> (If you only need US-ASCII, you could find the height of <code>"Aj"</code> instead). Then I calculated the required image height and line offsets, including margins and line-spacing.

blocks|key|1378085|text|我无法使用到目前为止提到的方法来解决某些字体的这个问题，所以我最终使用aggdraw作为PIL的text+drawig方法的透明替代品。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1378086|重写为aggdraw的代码将如下所示：|1378087|import+Image
import+aggdraw

im+=+Image.new("RGBA",+(200,+200),+'white')
draw+=+aggdraw.Draw(im)

#+note+that+the+color+is+specified+in+the+font+constructor+in+aggdraw
font+=+aggdraw.Font((0,0,0),+"VeraSe.ttf",+size=12,+opacity=255)

draw.text((1,+1),+"+%25s:+"+%25+"ggjyfFwe__",+font)+#+no+color+here
draw.text((1,+30),+"+%25s"+%25+15,+font)

draw.flush()+#+don't+forget+this+to+update+the+underlying+PIL+image!

im.show()|code-block|syntax|javascript|1378088|entityMap|0|LINK|mutability|MUTABLE|url|http://effbot.org/zone/aggdraw-index.htm^0|Z|7|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

I couldn't solve this problem for some fonts using the approaches mentioned so far, so I ended up using <a href="http://effbot.org/zone/aggdraw-index.htm" rel="nofollow">aggdraw</a> as a transparent replacement for PIL's text drawig methods.

Your code rewritten to aggdraw would look like:

<pre><code>import Image
import aggdraw

im = Image.new("RGBA", (200, 200), 'white')
draw = aggdraw.Draw(im)

# note that the color is specified in the font constructor in aggdraw
font = aggdraw.Font((0,0,0), "VeraSe.ttf", size=12, opacity=255)

draw.text((1, 1), " %s: " % "ggjyfFwe__", font) # no color here
draw.text((1, 30), " %s" % 15, font)

draw.flush() # don't forget this to update the underlying PIL image!

im.show()
</code></pre>

blocks|key|1378098|text|这个"bug“在2012年Ubuntu+11.10中仍然存在。Fontsize+11，12，13和15完全裁剪下划线。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1378099|#!/usr/bin/env+python
"""+demonstrates+clipping+of+descenders+for+certain+font+sizes+"""
import+Image,+ImageDraw,+ImageFont
fontPath+=+"/usr/share/fonts/truetype/ttf-dejavu/DejaVuSans-Bold.ttf"
im+=+Image.new('L',+(256,+256))
ys=15
for+i+in+range(10,21):
++++fh+=+ImageFont.truetype(fontPath,+i)
++++sometext="%25dgt_}"+%25+(i)
++++ImageDraw.Draw(im).text((10,+ys+),sometext+,+254,+fh)
++++ys%2B=i%2B5
im.show()|code-block|syntax|javascript|1378100|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|$]]

The "bug" still exists in 2012, with Ubuntu 11.10. Fontsize 11, 12, 13 and 15 clip the underscore completely.

<pre><code>#!/usr/bin/env python
""" demonstrates clipping of descenders for certain font sizes """
import Image, ImageDraw, ImageFont
fontPath = "/usr/share/fonts/truetype/ttf-dejavu/DejaVuSans-Bold.ttf"
im = Image.new('L', (256, 256))
ys=15
for i in range(10,21):
 fh = ImageFont.truetype(fontPath, i)
 sometext="%dgt_}" % (i)
 ImageDraw.Draw(im).text((10, ys ),sometext , 254, fh)
 ys+=i+5
im.show()
</code></pre>

blocks|key|1378126|text|这里有一个对我来说很好用的杂技。这是格努德答案的一个变体。(我希望不同之处足以值得单独回答和评论。)我已经测试了很多单词的位置，这是一致的表现。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1378127|如果在未完全达到字体完全高度的情况下绘制文本，则可能会发生剪切。正如gnud所指出的，通过使用诸如"Aj“(我使用"Fj")之类的字符，您可以避免这个bug。|1378128|无论何时放置单词：|1378129|1)对你想要的单词做一个文本(draw.textsize，font=font)。存储高度/宽度。|1378130|2)在单词末尾添加‘Fj’(spaceFJ)，重做文本大小并存储第三个高/宽。|1378131|4)您将使用项目2中的单词绘制实际的文本(末尾为‘Fj’)。有了这个附录，字体就不会被剪裁。|1378132|4)在进行实际的文本绘制之前，裁剪‘Fj’将到达的图像(需要crop.load()以避免懒惰的复制)。然后绘制文本，并经过裁剪后的图像回到‘Fj’上。|1378133|此过程避免了裁剪，看起来性能合理，并产生完整的未裁剪的文本。下面是我使用的一段Python代码的复制/粘贴。部分示例，但希望它能增加一些洞察力。|1378134|++++#+note:+xpos+&+ypos+were+previous+set+=+coordinates+for+text+draw+
++++#+++++++the+hard-coded+addition+of+4+to+c_x+likely+will+vary+by+font
++++#+++++++(I+only+use+one+font+in+this+process,+so+kludged+it.)
++++width,+height+=+draw.textsize(word,+font=font)
++++word2+=+word+%2B+'+Fj'
++++width2,+height2+=+draw.textsize(word2,+font=font)
++++#+crop+to+overwrite+'+Fj'+with+previous+image+bits
++++c_w+=+width2+-+width
++++c_h+=+height2
++++c_x+=+xpos+%2B+width+%2B+4
++++c_y+=+ypos
++++box+=+(c_x,+c_y,+c_x+%2B+c_w,+c_y+%2B+c_h)
++++region+=+img.crop(box)
++++region.load()
++++draw.text((xpos,+ypos),+word2,+(0,0,0),+font=font)
++++img.paste(region,+box)|code-block|syntax|javascript|1378135|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|12|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|13|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|14|8|@]|9|@]|A|$S|T]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

Here is an kludge that works well for me. It is a variant on gnud's answer. (Different enough to deserve a separate answer vs. comment I hope.) I have tested a lot of word placements and this has performed consistently.

When a text is drawn without fully reaching the full height of the font, clipping can occur. As gnud noted, by using characters such as "Aj" (I use "Fj") you avoid this bug.

Whenever a word is placed:

1) Do a draw.textsize(text, font=font) with your desired word. Store the height/width.

2) Add ' Fj' (spaceFJ) to the end of the word, and redo the textsize and store tis third height/width.

4) You will do the actual text draw with the word from item 2 (with the ' Fj' at the end). Having this addendum will keep the font from being clipped.

4) Before you do the actual text draw, crop the image where the ' Fj' will land (crop.load() is required to avoid a lazy copy). Then draw the text, and past the cropped image back over the ' Fj'.

This process avoids clipping, seems reasonably performant, and yields the full, unclipped text. Below is a copy/paste of a section of Python code I use for this. Partial example, but hopefully it adds some insight.

<pre><code> # note: xpos &amp; ypos were previous set = coordinates for text draw 
 # the hard-coded addition of 4 to c_x likely will vary by font
 # (I only use one font in this process, so kludged it.)
 width, height = draw.textsize(word, font=font)
 word2 = word + ' Fj'
 width2, height2 = draw.textsize(word2, font=font)
 # crop to overwrite ' Fj' with previous image bits
 c_w = width2 - width
 c_h = height2
 c_x = xpos + width + 4
 c_y = ypos
 box = (c_x, c_y, c_x + c_w, c_y + c_h)
 region = img.crop(box)
 region.load()
 draw.text((xpos, ypos), word2, (0,0,0), font=font)
 img.paste(region, box)
</code></pre>

This image was created with PIL. See how the g's and the y's are cut off in this image? How can I prevent this?

<a href="http://img109.imageshack.us/img109/8874/screenshotep.png">http://img109.imageshack.us/img109/8874/screenshotep.png</a>

The code that created this image is pretty straight forward (abbreviated):

<pre><code>import Image, ImageDraw, ImageFont

im = Image.new("RGBA", (200, 200), 'white')
draw = ImageDraw.Draw(im)

font = ImageFont.truetype("VeraSe.ttf", 12)

draw.text(
 (1, 1),
 " %s: " % "ggjyfFwe__",
 font=font,
 fill='black'
)

draw.text(
 (1, 30),
 " %s" % 15,
 font=font,
 fill='black'
)

im.show()
</code></pre>

I tried it with a few different fonts, and it always gets clipped. Surprising;y, googleing "PIL font clipping" returns very few useful hits... I'm using python 2.6.4 and PIL 1.1.6 on Ubuntu 9.10

fonts clipping with PIL

此图像是用PIL创建的。看到这张图中的g和y是如何被切掉的了吗？我如何防止这种情况发生？创建此图像的代码非常简单(经过简化)：import Image, ImageDraw, ImageFontim = Image.new("RGBA", (200, 200), 'white')draw = ImageDraw.Dra...

问使用PIL裁剪字体
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用PIL裁剪字体EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用PIL裁剪字体
EN