根據身高和文本

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被加載運行。