vivus

0熱度

1回答

我使用vivus.js來動畫一個重複多次的svg（作爲php循環的一部分）。我正在尋找一種錯開動畫的方式，以便svg id'hexx - 0'先動畫，然後完成時，svg id'hexx - 1'動畫等。身份證號碼正在php循環中增加。我已經嘗試在一個函數，大火從字面上連鎖這些當第一動畫完成，像這樣： new Vivus('hexx--0', { type: 'oneByOne',

2熱度

3回答

vivus.js - 如何通過

類選擇SVG有沒有辦法通過類而不是ID選擇SVG，就像這樣： <svg class="mySVG"> <path...> <path...> <path...> </svg> <script> new Vivus('.mySVG', {duration: 200}, myCallback); </script>

0熱度

1回答

Vivus反向選定的路徑

在使用Vivus for SVG之前，是否有方法可以反轉繪製（實際上是擦除）所繪製的選定路徑？比方說，我們有一個小提琴這樣的： http://jsfiddle.net/z7x4ovn7/92/ <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="keyhole" version="1

1熱度

1回答

在Illustrator中創建一條虛線路徑，每條虛線都有自己的路徑

我正嘗試使用svg和名爲Vivus的jQuery插件創建路徑動畫，以幫助創建動畫SVG。我遇到的問題是我的路徑是虛線，因爲它只有一條路徑，當腳本運行時，它將它直線連接起來。我試圖手動創建每個虛線，但它看起來不太好。我的問題是，是否有辦法制作虛線路徑，然後將每條虛線劃分爲自己的路徑？或者我可以通過其他方式實現這一目標？這裏是我說的那種路徑： Path

1熱度

1回答

Vivus.js腳本將不會在WordPress中執行

我正嘗試在wordpress中使用Vivus.js腳本來爲我的svg徽標圖形制作動畫。它正在加載js文件，但在我得到的錯誤控制檯中：SyntaxError：引用virus.js文件第一行的意外標記'<'。這裏是從WordPress Footer.php我的腳本： var elogo = new Vivus('elogo', { type : 'delayed', durati

1熱度

1回答

Vivus JS似乎沒有動畫某些<path>節點

我在玩Vivus JS庫，這對繪製圖片等路徑非常酷。現在，我有了這個SVG圖標，它應該具有100％的線寬，但似乎不起作用。在我的項目中的其他圖標上效果很好。看到這個CodePen：http://codepen.io/anon/pen/yOqdbN總結如下 <svg xmlns="http://www.w3.org/2000/svg"> <path d="..."> <path

1熱度

1回答

svg animation by letter fill vivus.js

我試圖讓這個筆跡看起來儘可能自然，就像用鋼筆書寫一樣。我認爲最好的辦法是填充每個字母，他們已經被寫入後，但到目前爲止，所有我設法做整個動畫使用完畢後填寫： $('path').attr('style', 'fill:white'); 我將如何實現這一目標在每封信完成動畫後，還是有人有更好的選擇？這裏的未填充狀態： https://codepen.io/anon/pen/WjBeWG

0熱度

1回答

使用vivus.js

，當我有這樣的代碼： <svg version="1.1" width="200" height="210" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511 511" xmlns:xlink="http://www.w3.org/1999/xlink" id="my-svg"> <path d="M399.5,0h-288C89.7