[英]Vertical alignment in SVG via svgwrite
使用 svgwrite python 库时,我遇到垂直 alignment 文本的问题。
例如,下面是一个简单的代码,它生成一个红色填充的圆圈,圆圈顶部有一个黑色文本,上面写着“Text”:
import svgwrite
d = svgwrite.Drawing(filename='alignment_test.svg',
size=(60,60))
circle = d.circle((30,30), 30, fill='red')
text = d.text('Test', (30,30),
style='text-anchor:middle',
font_size='17px')
d.add(circle)
d.add(text)
d.save()
结果是这个预期的图像:
但是,我希望文本也垂直对齐。
我尝试使用SVG的alignment-baseline
属性,即
style='text-anchor:middle;\
alignment-baseline:middle'
但是,它不起作用-在 FireFox (垂直 alignment 不起作用)中也不起作用,在 Inkscape 中也不起作用,它抱怨 Unimplemented Unimplemented style property 363
。
我将不胜感激有关如何解决此问题的任何建议。
...所以在写这个问题时,我搜索了一下,实际上在这里阅读了第二个答案(通过 toutankh): vertical alignment of text element in SVG ,这建议使用属性dominant-baseline
而不是alignment-baseline
作为文本对象。 而且效果很好。
经验教训:永远不要只阅读 SO 问题的第一个答案。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.