Адаптивная канва (canvas) при публикации во Flash / Animate CC

UPD1: Нижеизложенное уже неактуально. Adobe человеческий вывод canvas сделали. В настройках публикации (Shift+Ctrl+F12) можно указывать "Make responsive"
Адаптивная канва

По умолчанию при публикации документа в Animate CC (бывший Flash Pro) в режиме canvas выставляются фиксированный размер для канвы, которая не масштабируется в браузере и не адаптируется для мобильных устройств. По дефолту в Animate CC до текущего момента (надеюсь, что это изменится) не поддерживается адаптивная канва и настроить в Publish Settings не представляется возможным. Однако, хитромудрым способом можно добиться адаптации. При публикации документа Animate CC генерирует страницу .html, в конце его будут следующие строчки:

<body onload="init();" style="background-color:#D4D4D4;margin:0px;">
    <canvas id="canvas" width="550" height="400" style="background-color:#FFFFFF"></canvas>
</body>
Ручками следует добавить в строку со стилями следующее:
<canvas id="canvas" width="550" height="400" style="background-color:#FFFFFF; width:100%"></canvas>
После этого canvas будет адаптироваться под все дисплеи.

Поделиться

Добавить комментарий

Restricted HTML

  • Допустимые HTML-теги: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Строки и абзацы переносятся автоматически.
  • Адреса веб-страниц и email-адреса преобразовываются в ссылки автоматически.