Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Svg路径位置_Html_Svg - Fatal编程技术网

Html Svg路径位置

Html Svg路径位置,html,svg,Html,Svg,我有一个SVG路径,定义如下: 我有一个工具可以在以下位置执行此操作: 只需在框中粘贴要更改的单个元素,然后从“路径类型”选项中选择“绝对” 使用transform属性定位路径,如 transform="translate(50,80)" 还可以使用其他变换,如缩放或旋转 我知道我参加聚会迟到了,但是如果在SVG中定义了一个,希望使用X和Y值移动,则可以将该路径包装到另一个元素中,如下所示: <svg xmlns="http://www.w3.org/2000/svg

我有一个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本身的
转换
属性。