2013-06-21 41 views
2

我使用谷歌swiffy將我的swf文件轉換爲html5。 但現在谷歌升級運行時到5.2版,不能使用透明背景。 以前我用谷歌Swiffy與HTML5的運行v 4.9的swf文件,並在谷歌的代碼,我從我的JavaScript文件中刪除這個使用transparenty背景:如何在谷歌swiffy中刪除新版本的運行時的背景

"backgroundColor":-1, 

但現在運行升級到5.2版本,我can`牛逼與Swiffy文件中刪除背景顏色

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

回答

0
<style type="text/css" media="screen"> 
#div *:first-child { 
     background-color: transparent !important; 
} 
</style> 
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> 

請注意,我的容器是我在舞臺的構造函數,而不是由Swiffy與產生分配容器。

只是檢查生成的代碼和調整CSS選擇必要,原來的想法仍然是相同的:

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

羅傑的解決方案完美地工作對我來說:我在WordPress的使用Swiffy與環境,所以這就是我做的:

1)將Swiffy生成的代碼添加到header.php文件(實際上是header-home.php,因此我只能爲它調用一個頁面)。

2)Swiffy與之前添加羅傑的代碼:

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

3)地方,來了以後(的關閉標記)到footer.php文件之前(再次Swiffy生成的代碼,在我的情況下footer-home.php)。

4)將Swiffy容器(默認爲'id =「swiffycontainer'')Div放在WordPress頁面上。

Tah-Dah!我會簡單地投票羅傑,但我沒有代表這樣做。另外我認爲我的WordPress的情況可能會幫助其他人。

1

此解決方案完美適用於flash cs5 - > swiffy v5.3!

#swiffycontainer rect { 
    background: none !important; 
    display:none !important; 
} 
+0

它的作品完美! –

0

GOOGLE有了答案:

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

如何讓背景透明?

如果您需要背景透明,如將wmode =「透明」的屬性完成後,您可以在Swiffy與輸出插入下面的代碼片段,只是該呼叫之前stage.start():

階段。的setBackground(NULL);

您也可以用任何有效的CSS顏色規範字符串替換null,以覆蓋轉換中定義的背景顏色。

0

經過在網絡中搜索和搜索,並嘗試一切,也在這篇文章中描述,最後我找到了解決方案!

當您導出和.swf閃光燈CS6到HTML5(畫布),打開一個HTML編輯器導出的.html文件和更改背景顏色屬性#transparent」

例子:

<body onload="init();" style="background-color:#transparent"> 
    <canvas id="canvas" width="550" height="300" style="background-color:#transparent"></canvas> 
</body> 

那麼,它工作正常,我!

0

您可以調用「的setBackground」的方法起動階段之後爲null。像這樣,

stage.start(); 
stage.setBackground(null);