Uncaught TypeError: Illegaler Konstruktor - Verwenden von Bonsai.JS in Backbone.JS

Question

Ich bin noch neu in js und ich versuche, bonsai.js in eine Backbone-App zu passen.

Ich folge dieser Anleitung hier: https://github.com/iamdustan/bonsai-demos, und zu versuchen, zu ‚Separate Dinge‘ durch die Animation in eine separate Datei hero-animation.js dem Titel setzen, aber ich erhalte eine Uncaught TypeError: Illegal constructor in der ersten Zeile von hero-animation.js

Dies ist in meinem Backbone-Router genannt und funktioniert prima ...

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

Hier ist, was ich in Helden animation.js haben, die in einem Fehler auf der Leitung resultierenden 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

Scheint so, als hätten Sie vergessen, bonsai.js einzuschließen.

Zunächst ist Rectan "interface", was bedeutet, dass es nicht als Konstruktor verwendet werden kann, und Bonsai überschreibt es für seine eigenen Zwecke.