0

iOS アプリで出力された HTML5 アニメーションをすばやく使用する方法を見つけようとしていますが、灰色の背景を削除できません。これは、アニメーションをドロップして、Retina iPad ディスプレイで png を使用する際のストレージの問題を回避する方法だと思いました。これで、背景を明確にすることはできません。私は何をすべきか？

4

6 に答える 6

3

Swiffy が生成したコードで、backgroundColor を探し、その値を含めて削除します。

于 2012-11-21T15:03:44.773 に答える
0

新しいスタイルを設定することで解決しました:

<script>
    var stage = new swiffy.Stage(document.getElementById('swiffycontainer'),swiffyobject);      
    stage.start();
</script>
<style> 
    div {background: url("../bgimg.jpg") repeat scroll 0 0 transparent !important;} 
</style>
于 2013-06-28T15:26:25.267 に答える
0

http://css-tricks.com/override-inline-styles-with-css/によると、この CSS ハックを使用できます

div[id=swiffycontainer] > div{
    background-color: transparent!important;
}
于 2013-06-28T16:42:17.620 に答える
0

これをcssまたは同様のものに追加します。

#containerdivid svg > g > g > rect {
    display: none;
}
于 2014-05-10T15:51:53.883 に答える
0

次のように、無地の背景を持つ要素を見つけて、動的に透明に変更してみてください。

document.getElementById('swiffycontainer').childNodes[1].style.background = "rgba(255, 255, 255, 0)";

またはなし

document.getElementById('swiffycontainer').childNodes[1].style.background = "none";
于 2013-06-11T12:03:33.720 に答える
0

backgroundColor: 要素の削除は、Google が現在のバージョンの Swiffy ランタイムでこれを行う機能を壊したことを発見するまで、うまくいきませんでした。あなたも変更する場合：

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

に

src="https://www.gstatic.com/swiffy/v5.1/runtime.js"

ファイルの上部で、透明な背景が正しく機能していることがわかります (もちろん、5.2 ライブラリの拡張機能は利用できなくなります)。

編集: Swiffy コンバーターのバージョンとランタイムが一致しないため、このソリューションは確実に機能しないことが Michael Prescott によって指摘されています。5.1 エクスポーターの存在に依存しない代替ソリューションは、ここで提案されている他のソリューションに基づいて構築することです。次の関数をスクリプトに追加してみてください。Swiffy オブジェクトが優先する背景色をいつインストールしたかを確認するためにポーリングし、それを置き換えます。

(function() {
    var firstNode=document.getElementById('swiffycontainer').childNodes[1];
    //firstNode.style.visibility = "hidden";
    if (firstNode.style.background=="") {
        setTimeout(arguments.callee, 10);
    } else {
        firstNode.style.background = "none";
        //firstNode.style.visibility = "visible";
    }
})();

これは、Swiffy が最初に単色の背景を設定し、次にそれを置き換えるときに不具合を示しているようには見えません。ただし、より確実にするために、正しい透明度が設定されるまで、コメントアウトされた行を有効にして最初のノードを非表示にすることができます。

よろしくお願いします

于 2013-06-10T23:04:59.550 に答える