问题描述
我的问题很简单：我想让DIV元素遵循此特定路径
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="885.7px"
height="96.6px" viewBox="0 0 885.7 96.6" style="overflow:visible;enable-background:new 0 0 885.7 96.6;" xml:space="preserve">
<path id="Pfad1_1_" class="st0" d="M0,93.2c40.3,1.6,161.3,5.8,271,0c30.4-1.6,66.1-4.3,110.6-14.5c32.8-7.5,41.7-12.6,82.5-25.4
C503.4,41,576.5,18.3,665.4,8c35.1-4.1,62.6-5.1,97-6.3c49.7-1.8,91.9-1.2,123.3,0"/>
</svg>
但是我希望X轴由Vue变量控制。这样，当给定x位置时，它会自动在路径上占据y位置
Example of path and given x axis
最明显的解决方案是使用实际的数学函数并使用translate()控制x和y的位置，但我不知道如何从SVG路径生成数学函数
第二个最接近的解决方案是使用CSS过渡，但是我不知道如何/是否可以使用Vue变量控制进度
感谢您的帮助！
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）