如何将SVG线设置为不同的曲线(不绘图)

时间:2014-12-27 05:50:06

标签: svg

我正在尝试将svg的曲线线设置为不同的曲线(不绘图),请参阅下面的链接以获得更好的可视化效果。

visualise example

    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="636px" height="374px" viewBox="0 0 636 374" enable-background="new 0 0 636 374" xml:space="preserve">

    <g id="Path">
      <linearGradient id="Normal_2_" gradientUnits="userSpaceOnUse" x1="95.4492" y1="195.1436" x2="447.4902" y2="195.1436">
        <stop offset="0.0032" style="stop-color:#FF1923"></stop>
        <stop offset="1" style="stop-color:#F29100"></stop>
      </linearGradient>
      <path id="Normal_1_" fill="none" stroke="url(#Normal_2_)" stroke-width="3" stroke-miterlimit="10" d="M95.449,281.602
        c22.025,0,19.143-145.955,41.167-145.955c22.025,0,22.941,159.531,44.966,159.531c22.025,0,24.872-125.336,46.897-125.336
        c22.024,0,21.295,77.327,43.32,77.327s21.875-106.418,43.9-106.418s21.751,138.327,43.776,138.327
        c22.024,0,22.872-183.968,44.896-183.968c22.027,0,21.093,162.787,43.117,162.787"></path>
    </g>
    </svg>

我已经尝试过Snap.svg和svg的动画标签,但我无法完成,所以请帮助我。

0 个答案:

没有答案