Question

我一直在关注本教程：https://www.youtube.com/watch?v=VLpjfr7mgT0I关于使用Javascript制作游戏。我想在我的wepbage中测试它，但画布没有颜色，即使它应该有一个边框和一个黑色矩形。我不知道该怎么办，所以我希望有人可以帮我解决这个问题，以便它可以在我的wepbage中运行。代码：

<!doctype html>
<html>
<body>
<head>

<canvas id = "canvas" width = "640" height = "480">
style = "border:1px solid gray; width: 640px; height: 480px;">
</canvas>

<script>
var Context = {
    canvas : null,
    context : null,
    create: function(canvas_tag_id) {
        this.canvas = document.getElementById(canvas_tag_id);
        this.context = this.canvas.getContext('2d');
        return this.context;
    }

};

$(document.ready(function){


   Context.create("canvas");

   Context.context.beginPath(); 
   Context.context.rect(0, 0, 640, 480);
   Context.context.fillStyle = 'black';
   Context.context.fill();

   // Context.context.beginPath();



});
</head>
</script>
</body>
</html>

谢谢！

Answer 1

好吧，我发现6-7个不同的错误，其中大部分都是错误的balise imbrication / position问题，你的脚本中没有包含jQuery的事件......

这是一个工作示例，尝试将其与您的代码进行比较，以了解错误。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="MyController as vm">
    <ul>
      <li ng-repeat="entry in vm.breakfast">
        {{entry.name}}
        <button ng-click="vm.manageEntry(entry)">Manage {{entry.name}}</button>
      </li>
    </ul>

  </div>
</div>

颜色没有出现在Javascript画布中

1 个答案: