タグ

html5とsvgに関するmaaa328のブックマーク (1)

  • SVGモーフィングで、図形を徐々に変化させてみよう

    2015年12月28日 SVG モーフィングとは、ある図形から別の図形へと自然に変形するように中間の画像を補正して映像を見せる技法です。Flashでは「シェイプトゥイーン」でモーフィングを表現していましたね(懐かしい!)。CSS3のアニメーションだと、画像の移動・回転なんかはできちゃいますが、形そのものを変形させるのは難しいです。SVGを使えば、そんなアニメーションも作成可能!さっそく挑戦してみましょう! ↑私が10年以上利用している会計ソフト! 追記(2015年12月28日):SMILはSVG次期バージョンから非推奨となるようです。 Intent to deprecate: SMIL – Google Groups SVGモーフィングを使った例 SVGモーフィングとはなんぞや?ってことで、まずは以下の作例をご覧ください。徐々に変化していく様子がおもしろいですね! リンク先ではバットマンの

    SVGモーフィングで、図形を徐々に変化させてみよう
  • 1