javascript - 相当于：my_obj.height += 10; 在 adobe 动画 HTML5 画布中？

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;
}

Answer 2

没有特别的区别，只是将它移植到 Javascript

1. MouseEvent.CLICK不是JS的一部分，所以可以更改
2. variable:TypeJS中不支持

试试看

button_1.addEventListener("click", onReset);
function onReset(e) {
    my_obj.height += 10;
}