vivus

0熱

1答えて

男は私がvivus.js <strong><a href="https://jsfiddle.net/yqu7tcty/" rel="nofollow">SEE HERE</a></strong>を使用してアニメーションを描く、次のSVGを持っているねえ、SVGは以下の通りですvivus.js

を使用してSVGに適用しない塗りつぶし： <style type="text/css"> .st0 { fill: transparent; stroke: #020000; stroke-miterlimit: 10; } </style> <path id="XMLID_3_" class="st0" d="M-0.5,3.5H19c0

2熱

1答えて

ReactJS＆Vivus SVGアニメーション

私はreactJSには新しく、SVGをReactでアニメーション化しようとしていますが、いくつか問題があります。私はhttps://www.npmjs.com/package/vivus import React from "react"; import ReactDOM from "react-dom"; import Vivus from "vivus"; export defaul

0熱

1答えて

複数の機能（関数（） - 。jQueryの

のjQueryで1つの.each関数に複数の機能を有効にしようとするが、空白のページを取得するすべてのアイデアを、私は欠けているものをこのコードが正常に機能しているを？：ここ new Vivus('svg-0', {duration: 200}, function(){ $('.svg-animation .svg-1').css("opacity", "0"); $(

0熱

1答えて

私はアニメーション（vivus.js）が終了した後にsvgのテキストを表示するためにjavascriptを使用しています

私はVivus.jsを使ってsvgアニメーションを作っています。 svgのテキストラベルの中にあるテキストの説明付きのSVGラインアニメーションです。 vivus.jsはテキストアニメーションを扱うことができないので、まずテキストの不透明度を0にして、svgラインアニメーションが終了したら、テキストの不透明度を1にして可視にします。ここがcodepenでvivus.min.jsをインポートした後

0熱

1答えて

Stagger js svg animation

私は、（PHPループの一部として）複数回繰り返されるsvgをアニメーション化するためにvivus.jsを使用しています。私はアニメーションをずらす方法を探しています。そのため、svg id 'hexx - 0'が最初にアニメートされ、その後、svg id 'hexx - 1'がアニメートされます。 ID番号はPHPのループでインクリメントされています。私はそうのように文字通り、火災時に最初のア

0熱

1答えて

アニメーションが終了するとSVGは一杯になりません

私の名前はDanielGötzです。現在私のポートフォリオのWebサイトで作業していますが、問題があります。私のSVGアニメーションは終了しても書き込まれません。私のウェブサイト：http://20162.hosts.ma-cloud.nl/portfoliowebsite/ あなたが呼ばH1までスクロールした場合：「Mijnスキル」あなたは、Photoshopのロゴがアニメーションされて見るこ

0熱

1答えて

divのスクロールにVivusリスナーを添付するにはどうすればいいですか？

divにはoverflow: scrollがあり、内部のsvgsはスクロールでアニメーションする必要がありますが、div内でスクロールするとbody（ドキュメント）内でのみアニメーションされます。私はスクロールでVivusを発射しようとしましたが、スクロールしたり上に移動するたびにアニメーション化されました。 $('#div-scrollable').scroll(function() {

0熱

1答えて

Vivusはリバースパスを選択

VivusをSVGに使用する前に、選択したパスを逆引き（実際には消去）する方法はありますか？のは、私たちはこのようにフィドルを持っているとしましょう： http://jsfiddle.net/z7x4ovn7/92/ <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="keyhole

1熱

1答えて

Vivus JSはアニメートしていないようです。<path>ノード

私はVivus JSライブラリを使って遊んでいます。さて、100％の線幅にアニメーション化するSVGアイコンがありますが、動作しないようです。私のプロジェクトの他のアイコンではうまくいきます。このCodePenを参照してください：なぜこれが起こっている <svg xmlns="http://www.w3.org/2000/svg"> <path d="..."> <path

1熱

1答えて

svgアニメーション手紙by fill fill vivus.js

私はこの手書きの外観をペンで書いたようにできるだけ自然なものにしようとしています。私は、彼らが書かれてきた後に最良のオプションは、各文字を埋めていると思いますが、これまで全体のアニメーションが使用を終了した後、私はやって管理しているすべてが充填されています $('path').attr('style', 'fill:white'); どのように私はこれを達成するであろう各手紙がアニメ化を終