Svg Can'；我不能让GSAP工作

我已经用两条多段线建立了一个简单的SVG，并尝试使用GSAP的MorphSVG在它们之间变形

但尽管我尽力，什么都没发生

下面是我的代码：

---

我明白了……MorphSVG是一个“Club Greensock”（即付费）插件，我还没有付费。难怪。

变形SVG使用路径而不是多边形、矩形和圆。您需要首先将多边形转换为路径 变形本身可以将矩形、多边形和圆转换为路径，但对于复杂的对象，它的行为会很粘滞

要转换矩形、多边形和圆，请使用本线程中已提到的Raphael技术

如果我已经创建了相同的效果，请检查我的

还有一件事需要注意的是，MorphSVG插件是会员资格要求插件，我建议使用snap-svg和animate-path方法对svg进行变形

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 viewBox="0 0 960 560" style="enable-background:new 0 0 960 560;" xml:space="preserve">
    <polyline id="plainLine" class="st0" points="298,279 387.5,279 469.2,279 596,279"> </polyline>
    <polyline id="roofLine" class="st0" points="297.6,282 385.8,257.9 469.2,279 596,279"> </polyline>
</svg>

TweenLite.to("#plainLine", 1, {morphSVG:"#roofLine"});