質問: Adobe Animate を使用し、「HTML5 Canvas ドキュメント」形式でパブリッシュしました。 書き出されたHTMLファイルを開くと、Canvasが、ウィンドウサイズを基準に拡大・縮小する動作を確認できました。 これをwindowに対してではなく、外側の要素の幅にフィットするようなレスポンシブにしたいのですが、できませんでした。 タグの max-width:100%; のような挙動を希望しております。 書き出されたHTMLファイルの抜粋は以下の通りです。 ``` ``` これに下記のようにラッパー要素を加えても、その幅(下記例では500px)には収まりません。 ``` ``` これをラッパーのにフィットさせるにはどうしたら良いでしょうか? どうかお力を拝借できれば幸いです。 パブリッシュ設定「JavaScript/HTML」の主な設定は下記の通りです。 ・レスポンシブにする 幅を基準 ・表示領域いっぱいに拡大・縮小 チェックなし Mac OS Catalina Adobe Animete 20.0.1 よろしくお願い致します。
回答: 自己解決しました。 時間の都合で別の方法で実装しました。 今回の質問の内容もそうですが、ひとつのhtmlファイルにAnimateで書き出したCanvasを複数配置しようとすると、少々コードを修正しなければならなかったり標準で書き出されるコードは不便でした。 今回の問題とは関係ありませんが、複数ファイルを特定のサイズおよびレスポンシブで配置する場合は、同一ドメイン上に置いたファイルをで読み込む方法が最も手軽でした。