Html Svg路径位置
我有一个SVG路径,定义如下:Html Svg路径位置,html,svg,Html,Svg,我有一个SVG路径,定义如下: 我有一个工具可以在以下位置执行此操作: 只需在框中粘贴要更改的单个元素,然后从“路径类型”选项中选择“绝对” 使用transform属性定位路径,如 transform="translate(50,80)" 还可以使用其他变换,如缩放或旋转 我知道我参加聚会迟到了,但是如果在SVG中定义了一个,希望使用X和Y值移动,则可以将该路径包装到另一个元素中,如下所示: <svg xmlns="http://www.w3.org/2000/svg
我有一个工具可以在以下位置执行此操作: 只需在框中粘贴要更改的单个元素,然后从“路径类型”选项中选择“绝对”
使用
transform
属性定位路径,如
transform="translate(50,80)"
还可以使用其他变换,如
缩放
或旋转
我知道我参加聚会迟到了,但是如果在SVG中定义了一个
,希望使用X和Y值移动,则可以将该路径包装到另一个
元素中,如下所示:
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 500">
<svg
x="200"
y="200">
<path
d="M32.77 32.77c-.373.372-.763.714-1.169 1.027l-7.388 7.387-7.392-7.39a12.115 12.115 0 01-2.192-2.193L4.485 21.456C-.2 16.77-.2 9.172 4.485 4.486c4.687-4.687 12.285-4.687 16.97 0l2.758 2.757 2.758-2.758C31.657-.2 39.255-.2 43.94 4.485c4.686 4.687 4.686 12.285 0 16.97L33.797 31.602c-.313.406-.655.796-1.027 1.169z"
fill="#E84235"
fill-rule="evenodd" />
</svg>
</svg>
这个答案将帮助您这在我的情况下不起作用,无论是内联样式还是CSS这不是样式属性或CSS,而是转换属性。具体来说,SVG本身的
转换属性。