gpt4 book ai didi

javascript - 使用 Javascript 和 CSS 移动 SVG 对象

转载 作者:行者123 更新时间:2023-11-28 06:31:25 25 4
gpt4 key购买 nike

我目前正在制作动画 SVG,其中包括旋转、移动等元素。我面临的问题是我无法移动某些使用路径获取其位置的元素。

我现有的 Javascript 代码使用 x 属性移动了一些元素,这是有效的,但仍然保留了与路径一起工作的元素。

示例 SVG 对象:

<path id="XMLID_1418_" d="m1247.8 933c0 17.3-14 31.4-31.4 31.4-17.3 0-31.4-14-31.4-31.4h62.8z" class="st103"></path>

边距、位置或添加 x 属性不会移动它,我该怎么做?

最佳答案

您可以将元素包裹在“g”元素中并平移该对象以移动整个路径。


<g transform="translate(x,y)"></g>

关于javascript - 使用 Javascript 和 CSS 移动 SVG 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34944272/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com