SVG文本大小限制

时间:2015-01-30 20:22:02

标签: html css svg graphics

所以我从DWFx转换为SVG(原因),从一个转换到另一个转换的规模似乎不起作用。也就是说,如果元素的'em'大小超出一定大小,浏览器只会将文本大小截断为1,000,000 px,即使它会被包含元素的变换矩阵缩放。 / p>

我尝试添加text-rendering =“geometricPrecision”,但它失败了(事情就消失了 - 可能需要额外的缩放)。

这是我拥有的SVG。为什么文本无法扩展到更大的尺寸?它最终导致文本不可见,因为其他所有内容都正确缩放(路径),但是使用9.8e-7的变换,文本大小似乎缩放为0,因为实际的x,y和size属性似乎有一个上限界。

这也是问题的一小部分:EXAMPLE

<svg  width="500px" height="500px" style="background-color: #eee;">
<g transform="matrix(0.000009,0,0,0.000009,0,0)" >

<!-- ----------------------------- -->
<!-- This line shows the text fine -->
<!-- ----------------------------- -->
<text  x="10000000" y="20000000" font-size="190000em" fill="#000000" font-family='Arial'> 
        Hello World
</text>

    <font-face 
    font-family="Arial"
    font-stretch="normal"
    units-per-em="4096"
  />

<!-- ----------------------------- -->
<!-- Increase fontsize by 1000 and -->
<!-- and the text stays same size  -->
<!-- WHY???                        -->
<!-- ----------------------------- -->  
<text  x="10000000" y="30000000" font-size="190000000em" fill="#000000" font-family='Arial' > 
        Hello World 2
</text>

</g>
</svg>

0 个答案:

没有答案