Inkscape:svg显性基线属性未解释

时间:2016-08-03 08:22:41

标签: svg text rotation inkscape

Inkscape似乎没有解释svg显性基线属性。

我尝试在其中心旋转svg文本,包括垂直和水平。在html(chrome)中,以下效果很好:

<html>
<body>
<svg width="1000" height="1000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<line x1="10" y1="10" x2="190" y2="190" style="stroke:red;stroke-width:2"></line>
<line x1="10" y1="190" x2="190" y2="10" style="stroke:red;stroke-width:2"></line>

<g transform="translate(100,100)"><g transform="rotate(0)">
    <text style="font-family:Roboto; font-size:100;" fill="blue" text-anchor="middle" dominant-baseline="central">04</text></g></g>

<line x1="310" y1="10" x2="490" y2="190" style="stroke:red;stroke-width:2"></line>
<line x1="310" y1="190" x2="490" y2="10" style="stroke:red;stroke-width:2"></line>
<g transform="translate(400,100)"><g transform="rotate(90)">
    <text style="font-family:Roboto; font-size:100;" fill="blue" text-anchor="middle" dominant-baseline="central">04</text></g></g>
</svg>
</body>
</html>

导致以下图形:

text rotation in html

当我提取svg标记元素并将其放在一个独立的svg文件中时,Inkscape似乎无法解释

  

显性基线=&#34;中央&#34;

属性。

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns="http://www.w3.org/2000/svg" height="1000" width="1000">

<line x1="10" y1="10" x2="190" y2="190" style="stroke:red;stroke-width:2"></line>
    <line x1="10" y1="190" x2="190" y2="10" style="stroke:red;stroke-width:2"></line>

    <g transform="translate(100,100)"><g transform="rotate(0)">
        <text style="font-family:Roboto; font-size:100;" fill="blue" text-anchor="middle" dominant-baseline="central">04</text></g></g>

    <line x1="310" y1="10" x2="490" y2="190" style="stroke:red;stroke-width:2"></line>
    <line x1="310" y1="190" x2="490" y2="10" style="stroke:red;stroke-width:2"></line>

    <g transform="translate(400,100)"><g transform="rotate(90)">
        <text style="font-family:Roboto; font-size:100;" fill="blue" text-anchor="middle" dominant-baseline="central">04</text></g></g>

</svg>

text rotation in inkscape

任何建议如何在inkscape中获得相同的结果高度赞赏。

0 个答案:

没有答案