2

これは少し奇妙な質問ですが、以前に行われたことがあるかどうかを確認したいと思いました。

ある div 要素 (およびそのすべての内部要素) を別の div 要素にモーフィングしたい - 視覚的に。これは非常に複雑で、Google でデモを見つけることができませんでした。

トランジションや CSS プロパティの変更について話しているのではありません。たとえば、このmoo tools のデモや、このscriptaculous のデモではありません。

これがどのように行われるか想像もできません。何か案は。たとえば、各 div 要素が単なる画像であると仮定すると、これはある画像から別の画像へのモーフィングに相当します。

モーフを行うライブラリはたくさんあるようですが、これらは CSS プロパティが異なるだけです。

関連している

http://caniuse.com/#search=svg

http://caniuse.com/#search=canvas

4

2 に答える 2

2

ある要素を別の要素に視覚的にモーフィングする方法論は数多くあります。「div」要素を視覚的にモーフィングする方法を尋ねるのは、おそらく間違った視点です。何らかの「ビジュアル モーフィング」を実現するための JavaScript ツールキットが多数あります。

いくつかの例は...

  • 興味深い例の 1 つはWebKit 時計です。これは画像を使用せず、CSS、JavaScript、SVG、およびその他のいくつかの要素のみを使用します。もちろん、SVG を使用しているため、IE8 以下では役に立たないというわけではありません。
  • クロスブラウザ方式で機能する JavaScript ライブラリの 1 つにRaphael.jsがあります。 このページは、「ビジュアル モーフィング」の適切な例です。SVGコードをVMLに変換するため、IE8以下で動作しますが、VMLのパフォーマンスは恐ろしく、MicrosoftでさえIE9のSVGを支持して非推奨にしています.
  • Prefuseのような古いライブラリでさえ、いくつかの興味深いビジュアル トリックを備えています。申し訳ありません Prefuse は Java です。Protovisのことを考えていました。

要するに、10 年も待たなくても本当に見事な視覚的トリックを達成できますが、別のアプローチを取る必要があるかもしれません。

于 2012-08-07T23:26:30.437 に答える