問題タブ [svg-animate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
240 参照

svg - feGaussianBlur、feOffset、およびその他の SVG タグが Pyside WebView で機能しない

PySide WebView はこれらのタグをサポートしていませんか? または、これらのタグをサポートする方法はありますか?

これは私の SVG コードです。このフィルターを取り、javascriptを使用して色の遷移を実行するSVGサークルを作成しました

PySide で、この HTML ファイルを表示する単純な WebView を作成しました。

HTML ファイルはブラウザでは色の変化を正しく表示しますが、PySide では色の変化は表示されません。

0 投票する
1 に答える
2128 参照

svg - アニメーションの `fill="freeze"` の失敗

http://jsfiddle.net/emanuensis/NNvjA/で単純な SVG フィギュアの SMIL アニメーションを試みましmouseoverた、mouseoutイベントによって決定されます...そしてその場所からさらにmouseovers を待ちます。

残念ながら、(FF と Chrome の両方で) 現実はそうではありません。

ABA (A は任意の数のアップ、B はダウン、または vv) の形式では、2 番目の A に対して noop が返されます。

最初の Afreezes属性の値 最初の値 そのタイプ (アップまたはダウン) の最後のイベント (多くの場合、常に新しく復帰する可能性があります) で達成された値です。つまり、B はその位置から開始 (ホーム) します。

最初のAでもfreezes無添加です。つまり、シャトルの前にすべてのイベントが家に帰ります。

freezeおそらく、効果を短い期間強制する別の方法があります(つまり、最後までではありません。これは方向であり、大きさではありません)。

ここで面倒くさい

0 投票する
1 に答える
361 参照

svg - SVG アニメーションはアニメーションを再起動しません

パス要素に 2 つの SVG アニメーションが追加されています。マウスオーバーして発火させAnim1、次にマウスアウトしてAnim2発火させたいのですが、これを繰り返し可能にしたいのです。begin=X.mouseoverbegin=X.mouseleaveおよびを使用してfill="freeze"います。

初めてでもうまく機能します。したがって、mouseoverAnim1が発火し、mouseleaveAnim2が発火します。しかし、それはAnim1マウスオーバーでのみ発火し、Anim2二度と発火することはありません(または、少なくともアニメーションを実行していることはわかりません)。

アニメーションは、属性をアニメーション化しているパスですd。Chrome と Opera で試しましたが、同じ結果でした。

読みやすくするために、コード ブロックから実際のパスを削除しました。

beginElement&も使用してみましendElementたが、同じ結果が得られました。

見てくれてありがとう..

0 投票する
1 に答える
587 参照

javascript - Snap.animation を Element.animate に渡すときの Snap.svg エラー

この Fiddleは、私が直面しているバグを示しています。それは本当にバグですか、それとも何か間違ったことをしていますか?

フィドルで両方の円にカーソルを合わせると、白い円が適切にアニメーション化され、黒い円が消え、無限ループがコンソールにエラーをスローし始めます。

0 投票する
2 に答える
1715 参照

svg - SnapSVG チュートリアル

私はSnapSvgプラグインを使い始めたばかりです. しかし、プラグインは教育リソースがほとんどないようです.EbookについてのコースはありますSnapSVGか?