2

swfファイルをhtml5に変換するためにgoogle swiffyを使用しています。しかし、現在、Google はランタイムを v 5.2 にアップグレードしており、透明な背景を使用できません。swfファイルからGoogle swiffy html5のランタイムv 4.9を使用する前に、Googleコードでこれをjavascriptファイルから削除して、透明な背景を使用します。

"backgroundColor":-1,

しかし、現在、ランタイムは v5.2 にアップグレードされており、siffy ファイルから背景色を削除できません。

https://www.gstatic.com/swiffy/v5.2/runtime.js

4

7 に答える 7

1

このソリューションは、Flash cs5 -> swiffy v5.3 で完全に機能します!

#swiffycontainer rect {
    background: none !important;
    display:none !important;
}
于 2013-10-15T13:03:40.240 に答える
0

Google に答えがあります:

https://www.google.com/doubleclick/studio/swiffy/faq.html

背景を透明にする方法を教えてください。

wmode="transparent" 属性のように背景を透明にする必要がある場合は、stage.start() の呼び出しの直前に、Swiffy 出力に次のコード スニペットを挿入できます。

stage.setBackground(null);

null を任意の有効な CSS 色指定文字列に置き換えて、変換で定義された背景色を上書きすることもできます。

于 2013-10-16T08:37:40.840 に答える
0

この回答を拡張するには: Swiffy 5.2.0 を実行していますが、私の場合は内部で生成されたコードが異なるため、これは最初は機能しませんでした。次のようになります。

<div id="my-container">
    <!-- Begins Swiffy generated code -->
    <div style="position: relative; height: 100%; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: rgb(102, 121, 14); cursor: default; background-position: initial initial; background-repeat: initial initial;">
        <svg color-interpolation-filters="sRGB" style="fill-rule: evenodd; pointer-events: none; -webkit-user-select: none; width: 100%; height: 100%;">
            <!-- svg contents here -->
        </svg>
    <!-- Ends Swiffy generated code -->
    </div>
</div>

my-container は、ステージ コンストラクターで割り当てたコンテナーであり、Swiffy によって生成されたものではないことに注意してください。

生成されたコードを確認し、必要に応じて css セレクターを調整するだけで、元のアイデアは同じままです。

<style type="text/css">
    #my-container div {
        background-color: transparent !important;
    }
</style>
于 2013-06-27T02:41:22.833 に答える
0

ロジャーのソリューションは私にとって完璧に機能しました。私はWordpress環境でSwiffyを使用しているので、私がしたことは次のとおりです。

1) Swiffy で生成されたコードを header.php ファイルに追加します (実際には header-home.php なので、1 ページだけ呼び出すことができます)。

2) Swiffy の前に、Roger のコードを追加します。

<style type="text/css">
#swiffycontainer div {
    background-color: transparent !important;
}
</style>

3) Swiffy が生成したコードの後 (タグを閉じる前) を footer.php ファイル (私の場合は footer-home.php) に配置します。

4) Swiffy コンテナー (デフォルトでは 'id="swiffycontainer"') Div を WordPress ページに配置します。

タダ！私は単にロジャーに賛成票を投じたでしょうが、そうする担当者がいません. さらに、WordPress の状況が他の人に役立つかもしれないと考えました。

于 2013-06-27T16:54:22.017 に答える