Javascript 如何在Angular和FabricJS中为对象添加偶数？

我是angular 5和FabricJS的新手。我制作了一个类，在这个类中我得到了object

vrchol

和metod

changeColor

。我想将事件添加到

vrchol

，但这不起作用

this.vrchol.on（“mouseover”，this.changeColor）

changeColor（）{this.vrchol.set（“fill”，“green”）；}
在
mouseover
事件上，将cache dirty设置为true并渲染对象，这样它将反映更改

演示


var canvas=newfabric.canvas（'c'）；
var circle=新结构。circle({
半径：100
});
canvas.add（圆圈）；
圆圈.on（'mouseover'，onMouseOver）；
圆圈.on（'mouseout'，onMouseOut）；
函数onMouseOver（）{
如果（this.fill！=“红色”）{
这台({
“填充”：“红色”，
"肮脏":对
});
canvas.requestRenderal（）；
}
}
函数onMouseOut（）{
如果（this.fill==“红色”）{
这台({
“填充”：“黑色”，
"肮脏":对
});
canvas.requestRenderal（）；
}
}
画布{
边框：1px实心；
}