canvas fillRect无效

Question

我不知道出了什么问题。这是在一个全新的站点上进行的，因此没有缓存问题，并且javascript控制台不会返回错误。画布跨越整个页面，并正确标记。这是脚本：

<script type = "text/javascript">
var game = document.getElementById("game");
var context = game.getContext("2d");
var gamePieces = []
function gamePiece(width, height, color, x, y){
    this.width = width;
    this.height = height;
    this.x = x;
    this.y = y;
    update = function(){
        context.fillStyle = color;
        context.fillRect(this.x, this.y, this.height, this.width);
    }
    gamePieces[gamePieces.length] = this
}
var p1 = gamePiece(50, 50, "blue", 0, 0);
function update(){
    context.clearRect(0, 0, game.width, game.height);
    for(var i = 0; i < gamePieces.length; i++){
        gamePieces[i].update();
    }
}
</script>

Answer 1

没关系。我想到了。 一切都运行顺利，我只需要添加另一个context.fillstyle和context.fillRect（）语句。 derpyderp。