smil

0熱

1答えて

animateTransformを使用して、オブジェクトを画面の正確な中心の周りに回転させるにはどうすればいいですか？

はハードコーディングされた寸法で、画面の中央付近に円を移動するため、次のSVGコードを考えてみましょう： <svg xmlns="http://www.w3.org/2000/svg"> <g> <ellipse id="circ" style="fill:#000000" cx="60%" cy="50%" rx="10" ry="10" />

0熱

1答えて

SVGのSMILアニメーション（<animate>、<set>など）は廃止されました。どのlibから知るには？

ので、私は非常に大規模なプロジェクトを持っていると私はのクロム警告取得しています： SVG's SMIL animations (<animate>, <set>, etc.) are deprecated は、どのように私は見つけることができますが、当社のどのlibに（すなわち、SMILを使用して）警告を引き起こしていますか？よろしくショーン

1熱

1答えて

パスからSVGへの変換

私は仕事をしようとしているこのSVGアニメーションを持っています。以下に実際のイメージの素早く小さなバージョンを作って、私がしようとしていることを説明します。私が直面した最大の問題は、<line>要素が<path>、または<circle>要素の位置に「追従」するようにすることでした。これは、アニメーション私はそれがスムーズにこの次のSVGの位置にアニメーション化する数秒後に続いて <svg i

1熱

1答えて

Svgバルーンスレッドアニメーション

私はanimation for a balloonを達成しようとしています。 balloonが空中に浮かんでいるかのようにスレッドを少し動かしたいです。私は動きを得ることができますが、何らかの理由でスレッドの位置が間違っています。スレッドのポジショニング値が間違っていることを理解していますが、バルーンとどのように一致させるのですか？ <svg id="Layer_1" xmlns="http://

0熱

1答えて

svgモーフィングSMILアニメーションはすぐにある状態から別の状態にジャンプします

私はある経路から別の経路にモーフィングするSMILアニメーションを書きます。パスはInkscapeによって作成されます。どちらの図形も17ノード（Inkscapeによる）から成っていますが、SMILアニメーションはうまくいきません。定義された1秒後、1つのパスからもう1つのパスに移動します。 <svg width="34" height="34" version="1.1" viewBox="0

2熱

1答えて

SVGのテキストパスの使用中にテキストが回転しないようにテキストをアニメーション化するにはどうすればよいですか？

SVGのテキストパスを使用して達成しようとしているのは、アニメーションパスの後に回転しないテキストです。アニメ化されながらそれはこのように、水平のまま：シングは、デフォルトでは、アニメーションされながらテキストはテキストはこのように見えるようになって、その電流パスの角度に回転させることである：テキストを水平に保ちながらSVGのテキストパスを使用してテキストをアニメーション化する方法を教えてくだ

0熱

1答えて

SVG SMILアニメーション成長要素

"成長する"アニメーションの方向を決める人は誰でも説明できますか？私は <svg version="1.1" id="Ring" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" \t viewBox="0 0 450 320" style="enable

0熱

1答えて

animateTransformがIE 11で機能しない

私はsvg animationを初めて使用しています。以下は、別の行の上にアニメーションを作成する（上下に動かす）コードです。これはMozillaとChromeでは完璧に機能しますが、IE 11では機能しません。誰かが私が逃しているものを手助けできますか？？ <!DOCTYPE html> <html> <head><title></title> </head>