0

私の会社はすべてのFlashコンテンツをHTML5アニメーションに置き換えることを検討しており、EdgeはFlashの人々がHTML5の世界に慣れるための良い選択肢のようです。

これが私たちの問題です。フラッシュからのアニメーションはEdgeAnimateで再作成されて正常に機能していますが、同じページに配置すると（ヘッダーとフッターのアニメーションがあります）。2つのコンポジションは互いにステップし、ヘッダーとフッターの両方のアニメーションのクリッピングを台無しにします。注意として、それらは同じ幅または高さを持っていません、そしてそれはアニメーションが最も問題があるということでした。見えてはいけない要素は、クリッピングと関係があると思います。私のいじくり回しでは、両方の構成がお互いを踏んでいて、他からいくつかの属性を取っているようです。それらの1つをページから削除すると、もう1つは正しく機能します。

なぜそうなるのかわかりませんが、1ページに2つの別々のコンポジションを配置する例は見当たらないようです。どんな助けでも大歓迎です、あるいはあなたがこの種の質問のための良いリソースを知っているとしても、私は非常にありがたいです。

4

2 に答える 2

0

Adobe Edge API（最後）を見ると、1つのページに2つのアニメーションを配置する方法が示されています。 http://www.adobe.com/devnet-docs/edgeanimate/api/old/1.6/EdgeAPI.0.1.6.html

htmlページにいくつかの変更を加える必要がありますが、かなり簡単なはずです。基本的に、両方の構成を参照する単一のhtmlページがあります。

于 2013-02-28T01:43:22.953 に答える
0

OK、DIV ID = "stage"を処理するときは、そのうちの1つを別のものに変更する必要があります。心配しないでください。気になりません。

今、あなたはそれをあなたが望む場所に適切に設定するために、ポジショニングをいじる必要があります。

たとえば、2つのAe Divは次のとおりです：stage＆mystage

<style type="text/css">
#header{
position:relative;
top:5px;
width:200px;
}
#stage{
position:relative;
top:5px;
width:200px;
top:5px;
left:25px;
}
#MyCenter{
position:relative;
top:20px;
height:300px;
width:400px;
}
#mystage{
position:relative;
width:300px;
top:30px;
left:25px;
}
</style>

<div id="header">This is my header</div>
<div id="stage">Top Stage</div>
<div id="MyCenter">This is my center content</div>
<div id="mystage">Bottom Stage</div>

このファイルを保存して、.htmlとして実行する必要があります。これは、AeからDIVタグを設定する方法を示しています。行うのはかなり簡単です。

お役に立てれば。ウェイン

于 2013-02-01T02:50:17.837 に答える