我正在使用画布在 dart 中编写一个基本应用程序,它基本上有 2 个正方形,其中一个从屏幕的右到左移动,第二个在用户按下箭头键时移动。
现在的问题是,当我在 Dartium 中尝试它时,它工作正常。但如果我尝试在 Chrome/Firefox 中打开它,我只能看到一个空矩形。
Dart 编辑器不会显示任何错误,即使我将其编译为 javascript 代码也是如此。
但是当我查看 Chrome 的 Inspect 元素的控制台时,会出现该错误消息:
Uncaught TypeError: Object [object Window] has no method 'webkitRequestAnimationFrame$1'
对该方法的调用在这里:
void main() {
var maincharacter = new Player(10,10, 70, 70, "red");
var secondCharacter = new Player(400,250, 50,50, "yellow");
player = maincharacter;
sprites = new Set();
randomnumbergenerator = new Random();
window.on.keyDown.add(myKeyDownEvent);
CanvasElement element = query("canvas");
context = element.context2d;
maincharacter.context = context;
secondCharacter.context = context;
maincharacter.type = 'player';
sprites.add(maincharacter);
sprites.add(secondCharacter);
window.webkitRequestAnimationFrame(animate);
}
和这里:
void animate(num time){
enemyCreator(time);
context.clearRect(0,0,400,400);
for(final sprite in sprites){
if(!sprite.isPlayer()) {
sprite.move(5, 0);
// sprite.isOutside(0);
if(!(sprite.posx<0)){
query('#text').text = " Posx: ${sprite.posx.toString()} Length: ${sprites.length}";
sprite.draw();
} else {
query('#text').text = "Destroyed";
sprites.remove(sprite);
}
} else {
sprite.draw();
query('#text').text = " Time: $counter Length: ${sprites.length}";
}
}
window.webkitRequestAnimationFrame(animate);
}
这是引发异常的 javascript 行:
$.window().webkitRequestAnimationFrame$1($.animate)
任何想法?