snap.svg

0熱

1答えて

私はsvgタイプの温度計を持っています。 Snapを使ってアニメーションを作成したい私は与えられた値でテキストをアニメートすることができましたが、スクリーンショットで見ることができる破線をアニメートすることはできませんでした。私はそれをどうすればいいのですか？ここでコードの残りの部分がなければ、私のコード const svg = Snap(this.svg); const { colo

0熱

1答えて

ユーザーが入力した値に基づいて水を移動させます

私は水槽のsvgを持っています。コンセプトは、ユーザーが水槽の最小範囲と最大範囲を提供することです。それがminレベルに達すると、水位の色が赤く表示されるはずですが、私はユーザーの指定値に応じて値を変更することができます。上のレベルは最大の部分であり、下のレベルは最小の部分である。パスの要素によって水位を変更するのが難しくなりました。パスのd属性は変更する必要がありますが、d属性をユーザー値に適

0熱

1答えて

snap.svg：回転の原点が間違っています

こんにちは私はベクトルベースのhtmlメトロノームをSVGで作成するために垂直バーをアニメーション化する必要があります。私は問題を解決するために多くを探しましたが、私は必要なことをすることができません。このビデオのように、中央の底（赤い点で強調表示）で回転する縦線（基本的に長方形）を持つ必要があります（私はPremiereでやってみて申し訳ありません。希望は）十分に明確である：しかし、私はいつ

0熱

1答えて

Snap.svg：Set.bind（...）の使い方は？

Snap.svgにSet.bind（...）機能を使用する方法がわかりません。以下は、セット内に3つの要素（2つの円と楕円）がある例です。私はバインドを使用して、さまざまな要素にいくつかのattrをアクセスして変更したいと思います。バインドの例がいくつかあります。（実際には、この時点では、配列ではなくSetオブジェクトを使用する利点がありません。配列でも同様に処理できないSetの機能はあり

0熱

1答えて

Snap.svg：アニメーションIは、以下の例では、アニメーションオブジェクト、<strong>AnimateJS</strong>を有する螺旋

に沿って線を描画するミナ（）を使用。それは螺線に沿って線を引きます。私はSnapのmina（）に変換したいと思います。私はこれを実現させるために様々なminaプロパティを適用するのに少し難しいです。ご協力いただければ幸いです。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="http://sv

1熱

1答えて

Snap.svg：アニメーションを一時停止/再開する方法は？

下の例では、SVGルート図の端に丸を描いています。私は停止して問題なく再起動できます。しかし、私はむしろ、開始位置に戻すのではなく、最後の位置で再開（再開）します。これはスナップで可能ですか？ <!DOCTYPE HTML> <html> <head> <title>Snap Pause/Resume Animation</title> <script type=

0熱

1答えて

すべてのSVGのコード機能を再実行 snap.svg

クリックイベント機能を5つのすべてのパス<path id="1",<path id="2"などに5回追加して貼り付けたり、毎回idを変更することなく、どのように追加できますか？私は中央領域（Coruscant）しか働いていません。これは、ボードゲーム「スターウォーズ：反乱」のためのゲームプレイのための概念の証明です。これは、帝国がどのシステム（惑星）を隠していないかを排除するのに役立ちます。I

0熱

1答えて

スナップSVG回転＆スケール

私は拡大縮小しようとしているし、三角形を回転させて、スナップSVGの所定のポイントにそれを翻訳しています。私は円のようなものを作ることができるので、中心ではなくその上を三角を回転させたいと思います。私はまずスケールを調整し、次に回転して後で翻訳すると考えました。 var t = new Snap.Matrix(); t.scale(0.5); t.rotate(45, bbox.cx, (

0熱

1答えて

Snap.svg：断続的なアニメーションエラー

以下の例でエラーの原因を見つけることを試みています。エラーは定期的に発生します。ボタンをクリックして回転と関連シンボルをアニメートすると、要求されたアニメーションがシンボルを間違ってスケーリングすることがあります。エラーが発生したシンボルも一貫していません。エラーが発生する前に、コードスニペットを数回実行する必要があります。 <!DOCTYPE html> <html xmlns="htt

1熱

1答えて

Snap.svg複数のグループをドラッグ

snap.svgで複数のグループを選択した後にドラッグする方法がわかりません。 2つの要素が選択されたとき（不透明度が2つの要素に対して変更されたとき）、dragGroup関数を使用して、クリックされた要素だけでなく、両方の要素をドラッグしたいと思います。あなたはそれを達成するために私にいくつかのサポートをお願いしますか？参照してください問題を示しJSFiddle、 - JSFiddle Sel