javascript - 相当于 : my_obj. 高度 += 10；在 adobe animate HTML5 Canvas 中？

Question

我的旧 AS3 项目中有这个:

button_1.addEventListener(MouseEvent.CLICK, onReset);
function onReset(e:MouseEvent):void{
    my_obj.height += 10;
}

它在 adobe animate HTML5 canvas 中的等效项是什么？

Answer 1

您必须修改一些内容才能获得等效的功能。首先，您需要使用关键字“this”在舞台上正确引用对象。此外，您还必须更新引用事件监听器的方式。您需要更新创建函数的方式(删除“void”和“:event”)。最后，您需要包含您所引用的 MovieClip 的边界。

以下是有关如何重写代码的示例:

//Create a reference to the object
var my_obj = this.my_obj;

//Add an event listener
this.button_1.addEventListener("click", onReset);

//On Reset function handler
function onReset(e){
    my_obj.getBounds().height += 10;
}