Javascript 画布渲染不正确：为什么？_Javascript_Html_Canvas

Javascript 画布渲染不正确：为什么？

javascript html canvas

Javascript 画布渲染不正确：为什么？,javascript,html,canvas,Javascript,Html,Canvas,我试图用html5和Javascript构建一个带有元素的RPG；但是我遇到了一个真正的错误：我的代码根本没有修改元素 <!DOCTYPE html> <head> <title>BoxRPG</title> </head> <body> <h3>Box RPG</h3> <canvas id="rpgCanvas" wid

我试图用html5和Javascript构建一个带有

元素的RPG；但是我遇到了一个真正的错误：我的代码根本没有修改

元素

<!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>


BoxRPG
方块RPG
故障信息
var c=document.getElementById（“rpgCanvas”）；
var ctx=c.getContext（“2d”）；
ctx.fillStyle=“#000000”；

我这辈子都搞不懂！是我太愚蠢了，没有注意到明显的问题，还是代码或系统存在更深层次的问题。

填充样式不是填充命令，您必须指定要填充的区域：

var c = document.getElementById("rpgCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);

如果你寻求建议，就把这一切都抛在脑后，开始学习

或许

那么错误是什么呢？：）当然它确实存在！！我说这不是填充的命令，只是填充样式的命令！哎呀。。。这真是令人尴尬：数小时的研究都白费了（是的，我真的研究过这个）；非常感谢。（对之前的评论表示抱歉）如果我的答案解决了您的问题，请选择它作为正确答案。