SVG 文本翻转/镜像
SVG Text Flip / Mirror
这里是 SVG 菜鸟。我只是想水平或垂直翻转 SVG 文本元素，但添加 transform="scale(-1, 1)" 属性会导致空白结果。
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="200"
height="200">
<text x="100"
y="100"
transform="scale(-1, 1)">SVG test text</text>
</svg>
</body>
</html>
它不是 SVG canvas。 100 的 x 变为 -100，因为它也被缩放了。我刚刚否定了 x 值以使其再次可见。
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="200"
height="200">
<text x="-100"
y="100"
transform="scale(-1, 1)">SVG test text</text>
</svg>
</body>
</html>
这里是 SVG 菜鸟。我只是想水平或垂直翻转 SVG 文本元素，但添加 transform="scale(-1, 1)" 属性会导致空白结果。
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="200"
height="200">
<text x="100"
y="100"
transform="scale(-1, 1)">SVG test text</text>
</svg>
</body>
</html>
它不是 SVG canvas。 100 的 x 变为 -100，因为它也被缩放了。我刚刚否定了 x 值以使其再次可见。
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="200"
height="200">
<text x="-100"
y="100"
transform="scale(-1, 1)">SVG test text</text>
</svg>
</body>
</html>