如果我编辑 x 和 y 值，SVG 元素不会移动

大佬教程收集整理的这篇文章主要介绍了如果我编辑 x 和 y 值，SVG 元素不会移动，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如果我编辑 x 和 y 值，SVG 元素不会移动？

我有一个像这样的 SVG 元素：

<path
            ID="SELEctedBusiness"
            fill="pink"
            wIDth="32.556255"
            height="32.556255"
            x="25.221872"
            y="70.22187"
            ry="6.9823961"
            d="m 32.204268,70.22187 h 18.591464 c 3.868247,0 6.982396,3.114149 6.982396,6.982397 V 95.79573 c 0,3.868247 -3.114149,6.9824 -6.982396,6.9824 H 32.204268 c -3.868247,0 -6.982396,-3.114153 -6.982396,-6.9824 V 77.204267 c 0,-3.868248 3.114149,-6.982397 6.982396,-6.982397 z" />

我已将 x 和 y 定位值从上述值分别更改为 50 和 90，尽管 Chrome 开发工具和控制台中的元素选项卡都显示 x 和 y 值已更改，现在为 50和 90，页面上的实际元素不会移动，并且仍然使用 x 和 y 的原始值（25.22.... 和 70.22....）。我已禁用缓存并在 firefox 中尝试过，但没有成功。有人可以帮我吗？ 提前致谢

解决方法

<svg>
<symbol id="theSymbol" viewBox="25 70 33 33">
<path id="SELEctedBusiness" fill="pink"
            d="m 32.204268,70.22187 h 18.591464 c 3.868247,0 6.982396,3.114149 6.982396,6.982397 V 95.79573 c 0,3.868247 -3.114149,6.9824 -6.982396,6.9824 H 32.204268 c -3.868247,0 -6.982396,-3.114153 -6.982396,-6.9824 V 77.204267 c 0,-3.868248 3.114149,-6.982397 6.982396,-6.982397 z" />
</symbol>
<use xlink:href="#theSymbol" 
        width="100"
        height="100"
        x="10"
        y="10"/>          
</svg>

大佬总结

以上是大佬教程为你收集整理的如果我编辑 x 和 y 值，SVG 元素不会移动全部内容，希望文章能够帮你解决如果我编辑 x 和 y 值，SVG 元素不会移动所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。