2013-06-21 2 views
2

Я использую google swiffy для преобразования моего swf-файла в html5. Но теперь google обновляет среду выполнения до версии 5.2 и не может использовать прозрачный фон. Прежде я использовать во время выполнения V 4.9 Google Swiffy html5 из SWF-файла и в Google Code я удалить это из моего файла JavaScript для использования transparenty фона:как удалить фон в новой версии среды выполнения в google swiffy

"backgroundColor":-1, 

Но теперь во время выполнения обновлен до v5.2 и я законсервирует ` т удалить цвет фона из 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 и это не сработало, в самом начале, так как внутренний сгенерированный код отличается мой случай, i т выглядит следующим образом:

<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

решения Роджера работало отлично для меня: я использую Swiffy в Wordpress Окружающая среда, так вот что я сделал:

1) Добавьте код с расширением Swiffy в файл header.php (на самом деле header-home.php, поэтому я мог бы назвать его только для одной страницы).

2) Перед Swiffy, добавить код Роджера:

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

3) Поместите Swiffy сгенерированный код, который наступил после (перед закрытием тега) в файл footer.php (опять же, 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():

stage.setBackground (нуль);

Вы также можете заменить нуль на любую допустимую строку спецификации цвета CSS, чтобы переопределить цвет фона с той, которая указана в преобразовании.

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» обнулить после запуска на сцену. Как это так,

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