どのようにGoogleのswiffyでランタイムの新しいバージョンで背景を削除する

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

"backgroundColor":-1,  

しかし、今はランタイムはv5.2にアップグレードされ、swiffyファイルから背景色を削除することはできません

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

2

7 答え

This solution work perfectly with flash cs5 -> swiffy v5.3!

#swiffycontainer rect {
    background: none !important;
    display:none !important;
}
1
追加された
それは完璧に動作します!
追加された 著者 Ivan Cachicatari,


0
追加された

ステージを起動した後、 "setBackground"メソッドをnullに呼び出すことができます。そのようです、

stage.start();
stage.setBackground(null); 
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;">
         &lt;!-- svg contents here --&gt; 
    <!-- Ends Swiffy generated code -->
    </div>
</div>

私のコンテナはSwiffyによって生成されたものではなく、ステージコンストラクタで割り当てたコンテナです。

Just check for the generated code and adjust CSS selector as necessary, the original idea still remains the same:



0
追加された

Rogerのソリューションは私にとって完璧に機能しました。私はWordpress環境でSwiffyを使用しています。

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

2)Swiffyの前に、Rogerのコードを追加してください:


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

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

タ=ダ!私は単にロジャーに投票しただけですが、そうする担当者はいません。プラス私は私のワードプレスの状況が他人を助けるかもしれないと思った。

0
追加された

Googleには答えがあります:

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

背景を透明にするにはどうすればいいですか?

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

stage.setBackground(null);

ヌルを有効なCSSカラー指定文字列に置き換えて、変換で定義された背景色を上書きすることもできます。

0
追加された

ウェブで検索して検索した後、この記事で説明したすべてを試してみたところ、最終的に解決策を見つけました。

Flash CS6でhtml5(canvas)にエクスポートし、.swfをエクスポートするときは、htmlエディタでエクスポートした.htmlファイルを開き、background-color属性を#transparent "

例:

<body onload="init();" style="background-color:#transparent">
    
</body>

さて、それは私のためにうまくいく!

0
追加された