如何在 Adob​​e Animate CC 中使用舞台宽度和高度（Canvas doc）

Posted 2023-02-16

【中文标题】如何在 Adob​​e Animate CC 中使用舞台宽度和高度（Canvas doc）

【英文标题】：How to use stage width and height in Adobe Animate CC (Canvas doc)

【发布时间】：2017-03-05 17:40:17

【问题描述】：

我正在尝试使用 Adob​​e Animate CC 画布文档中的 javascript 在舞台上居中。在 AS3 之前，我可以访问舞台属性。 所以我可以做这样的事情

trace(stage.width);

我在 js 中尝试过相同的方法，但似乎不起作用。

console.log(stage.width);

有谁知道create js中是否有等效于stage的属性？

【参考方案1】：

在画布项目中，使用stage.canvas.width

例如，如果您有一个名为 myClip 的剪辑，您可以像这样将其居中：

this.myClip.x = stage.canvas.width / 2;

【讨论】：

画布缩放时不起作用（通过makeResponsive函数）

【参考方案2】：

container.x = (lib.properties["width"]/2);

container.y = (lib.properties["height"]/2);

您可以为 lib 属性设置值。示例：

lib.properties["height"] = "800"; // change to whatever you want

您可以检查您的主要 js 文件的顶部行。这些行会影响您的主画布标签的样式（检查检查元素）。请注意，stage.canvas.width/heigth 值会随着浏览器大小的变化而变化，但 lib.properties 的变化不大

check image --> using lib. properties instead of stage

【讨论】：

⭐ 谢谢！无论画布元素是否响应或调整大小，这是唯一有效的代码。 stage.canvas.width 返回了相对于 <canvas> 元素大小的正确值，但即便如此，这些元素也从未真正居中在画布中。事实证明 FLA 文档的内在宽度和高度在画布中没有改变，尽管画布元素被调整大小，但画布中的元素尊重内在宽度和高度——lib.properties['width'] / ['height'] 返回。谢谢一百万 :) 可惜文档太差而且很难找到。

【参考方案3】：

我不确定如何更改 .js 中的大小或位置， 在 Adob​​e Animate cc 2015.2 中，您只需打开 .fla 文件并转到“发布设置”并选择“中心舞台”+“做出响应”。这显然是针对浏览器的。

如果您的意思是实际将舞台放置在 Animate CC 的中心。 您会在“缩放”（100％）旁边找到一个图标，只需单击它，它就会使您的项目居中。 Image of the icon I am talking about.