Question

我想以等于例如，“ transform =“ translate（50％-100,0）”

    <svg width="100%" height="100%" viewbox="0 0 100% 100%">
        <g transform="translate(50% - 100,0)">
            <rect width="200" height="100" fill="rgb(0,0,255)" />
        </g>
    </svg>

我找不到正确的语法。

Answer 1

您可以使用内部<svg>元素通过其x属性来执行百分比部分，然后使用<g>元素来完成其余部分。

我不确定viewBox的用途，但百分比值在那里无效。看起来您根本不需要它。

<svg width="100%" height="100%">
    <svg x="50%" overflow="visible">
        <g transform="translate(-100,0)">
            <rect width="200" height="100" fill="rgb(0,0,255)" />
        </g>
    </svg>
</svg>

如何进行SVG转换百分比

1 个答案: