未捕获的TypeError:非法构造函数 - 在Backbone.JS中使用Bonsai.JS

Question

我还是js的新手,我正在尝试将bonsai.js放入骨干应用程序中.

我在这里遵循这个指南:https: //github.com/iamdustan/bonsai-demos,并尝试通过将动画放入一个标题为单独的文件中来"分离出来" hero-animation.js,但我得到的Uncaught TypeError: Illegal constructor是第一行hero-animation.js

这在我的Backbone路由器中调用,并且工作正常......

homeAnimation: function() {
    bonsai.run(document.getElementById('heroContent'), {
    url: 'hero-animation.js',
    width: 500,
    height: 400
  });
}

这是我在hero-animation.js中的内容,它导致第1行出错:

var rect = new Rect(0, 0, 200, 200);
rect
.fill('random')
.addTo(stage)
.attr({
  x: stage.width - rect.attr('width'),
  y: stage.width - rect.attr('height')
})
.animate('0.5s', {
  x: 0,
  y: 0
});

Answer 1

好像你忘了包括bonsai.js.

最初,Rect是一个"接口",这意味着它不能用作构造函数,而Bonsai会为了自己的目的而覆盖它.