KUTE.js SVG路徑不變形

Here is a codepen i made.KUTE.js SVG路徑不變形

正如你可以看到，路徑不變形。我已經跳到結論的問題是在本身，他們不變形。這是什麼問題？形狀非常簡單，都具有相同的尺寸和錨點，正如它在kute.js documentation上所說的那樣，「閉合形狀（它們的d屬性以z結尾）」。

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600" > 
    <path id="n1" fill="orangered" d="M62,7.5l210,20l30,230l-290-60L62,7.5z"/> 
    <path id="n2" style="visibility:hidden" d="M0,7.5l315,32l-31,189l-280,31L0,7.5"/> 
    </svg>

來源

2016-08-19 RUIFERNANDE5

我在碼盤上看到變形。 –

最新版本fixes的問題。當兩個多邊形的點數相同時，插件不處理這種情況。

發行

if (s.length !== e.length){ 
    arL = Math.max(s.length,e.length); 
    if (arL === e.length) { sm = s; lg = e; } else { sm = e; lg = s; } 
    sml = sm.length; 

    smp = S.cP('M'+sm.join('L')+'z'); len = smp.getTotalLength()/arL; 
    for (var i=0; i<arL; i++){ 
     tl = smp.getPointAtLength(len*i); 
     cs = S.gCP(len,tl,sm); 
     nsm.push([ cs[0], cs[1] ]); 
    } 

    if (arL === e.length) { e1 = lg; s1 = nsm; } else { s1 = lg; e1 = nsm; } 
    } else { // here we know the paths have same number of points 
    s1 = s; e1 = e; 
    }

Codepen demo的代碼。

來源

2016-08-24 11:41:44 thednp

KUTE.js SVG路徑不變形

回答

相關問題