html5-canvas - 响应式 HTML5 画布 - 在 Adob​​e Animate CC 中调整舞台和对象大小，对象保持纵横比

Question

我正在尝试在使用 adobe animate cc 创建的 html5 画布项目中实现特定类型的响应。我希望舞台能够动态缩放和重塑，以便宽度和高度始终与浏览器窗口的大小相同（我猜是视口？）。因此，舞台的形状将与用户浏览器窗口的形状相同。

而且，我希望舞台上的对象（mc，图形，btn）根据浏览器的宽度进行缩放，即我希望 mc 进行缩放（宽度和高度，以保持其形状/纵横比）当浏览器调整大小时。

我将在以前构建的 html 文档中将此画布插入到 div 中（我猜是通过 iframe 吗？）。div 被调整为视口的宽度和高度。

在我实现这一点之后，我的目标是将对象动态定位到中心/左上/右/等。（也不确定如何实现这第二步）。

我知道我无法使用 animate 的发布设置来完成此操作。我正在搜索 java 或 create.js 代码。我感谢任何关于实现这一目标的最佳方法的建议。感谢您的帮助。

标签： html5-canvasresizeresponsiveadobe-animatecreate.js