Fatal编程技术网
  • svg/
  • Inkscape:未解释svg主基线属性

Inkscape:未解释svg主基线属性

svg text

Inkscape:未解释svg主基线属性,svg,text,rotation,inkscape,Svg,Text,Rotation,Inkscape,Inkscape似乎无法解释svg占主导地位的基线属性 <?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"

Inkscape似乎无法解释svg占主导地位的基线属性

<?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>
我尝试在中心旋转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>


04
04
其结果如下图所示：

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

显性基线=“中心”

财产

<?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>


04
04

任何关于如何在inkscape中实现相同结果的建议都将受到高度赞赏

如果它不起作用，它就不起作用了，你希望我们在这里说什么？很抱歉，如果这还不清楚，我们的想法应该是找出如何在inkscape中实现相同的结果。。。我将编辑我的帖子。