根据身高和文本

Question

创建容器宽度和字体大小，我有以下变量：

容器高度：3厘米
文本：约翰·史密斯
的字体类型：时代新Roman


基于这些变量，我想创建一个svg文档，其中呈现的文本适合高度和宽度fi ts呈现的文本。

所以在我的情况下会是这个样子（手工完成）：

<?xml version="1.0" standalone="no"?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg width="" height="3cm" version="1.1" xmlns="http://www.w3.org/2000/svg"> 
    <text x="" y="" font-size="" font-family="Times New Roman" > 
    John Smith 
    </text> 
</svg> 

的是，在任何可能的方式？这是我第一次处理SVG。

Answer 1

我可以建议的唯一的事情就是使用javascript来根据呈现的文本调整文档的大小。关闭我的头顶，你可以这样做：

var elem = document.getElementById(//text id); 
var height = elem.getBBox().height; 
var width = elem.getBBox().width; 

var svg_elem = document.getElementById(//svg id); 
svg_elem.setAttributeNS(null, "width", width); 
svg_elem.setAttributeNS(null, "height", height); 

至于去的Javascript，你可以可以把它放在你的HTML文件，一旦DOM被加载运行。