当前位置：技术文章 > 编程笔记 >

SVG 翻译

本文向大家介绍SVG 翻译，包括了SVG 翻译的使用技巧和注意事项，需要的朋友参考一下

示例

将矩形向右移动10个单位，向下移动20个单位：

<svg xmlns="http://www.w3.org/2000/svg">
    <rect x="0" y="0" width="30" height="30" transform="translate(10, 20)" />
</svg>

将其水平移动0个单位，向上移动20个单位：

<svg xmlns="http://www.w3.org/2000/svg">
    <rect x="0" y="20" width="30" height="30" transform="translate(0, -20)" />
</svg>

将其向左移动10个单位，垂直移动0个单位：

<svg xmlns="http://www.w3.org/2000/svg">
    <rect x="10" y="0" width="30" height="30" transform="translate(-10)" />
</svg>