我试图使用<canvas>
元素从html5和Javascript构建RPG;但我遇到了一个错误的真正困境:我的代码根本不会修改<canvas>
元素。
<!DOCTYPE html>
<head>
<title>BoxRPG</title>
</head>
<body>
<h3>Box RPG</h3>
<canvas id="rpgCanvas" width = "200" height = "100" style = "border:1px solid #FF0000;">failMessage</canvas>
<script type = "text/javascript">
var c = document.getElementById("rpgCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#000000";
</script>
</body>
</html>
我不能为我的生活弄清楚这一点!我只是愚蠢而且错过了明显的问题,或者是代码或我的系统存在更深层次的问题。
答案 0 :(得分:2)
填充样式不是填充命令,您必须指定要填充的区域:
var c = document.getElementById("rpgCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);
http://fiddle.jshell.net/ms7Lg/
如果你寻求建议,请留下这一切并开始学习
http://jonobr1.github.io/two.js/
或者