Javascript html5画布赢得'；我什么也不做（我是新来的）_Javascript_Html_Canvas

Javascript html5画布赢得'；我什么也不做（我是新来的）

javascript html canvas

Javascript html5画布赢得'；我什么也不做（我是新来的）,javascript,html,canvas,Javascript,Html,Canvas,所以我想做两个简单的画布，但它们都不起作用。在同一页上使用两个画布是不可能的吗顺便说一句，当我想“做某事”时，我通常只想做一些简单的事情，比如： MyCanvas = document.getElementById('canvas'); MC = MyCanvas.getContext('2d'); RecProCanvas = document.getElementById('recproductioncanvas'); RPC = RecProCanvas.getcontext('2d

所以我想做两个简单的画布，但它们都不起作用。在同一页上使用两个画布是不可能的吗

顺便说一句，当我想“做某事”时，我通常只想做一些简单的事情，比如：

MyCanvas = document.getElementById('canvas');
MC = MyCanvas.getContext('2d');

RecProCanvas = document.getElementById('recproductioncanvas');

RPC = RecProCanvas.getcontext('2d');


function LoadCanvas() {
//Code I want to execute. (For this I usually use RCP or MC.
}

window.addEventListener("load", LoadCanvas, false);


window.onload=function（）{
MyCanvas=document.getElementById（'MyCanvas'）；
MC=MyCanvas.getContext（'2d'）；
MC.fillStyle='blue'；
MC.fillRect（0,0150,50）；
}

下面是一个简单而完整的示例。

这对我来说很有用：

我发现一个错误

RPC=RecProCanvas.getcontext（'2d'）getcontext所有情人案例。应该是getContext
<html>
<script type="text/javascript">
window.onload=function(){
  MyCanvas = document.getElementById('myCanvas');
  MC = MyCanvas.getContext('2d');
  MC.fillStyle='blue';
  MC.fillRect(0,0,150,50);
}
</script>
</head>
<body>
<canvas id="myCanvas"></canvas>
</body>
</html>


MyCanvas=document.getElementById（'canvas'）；
MC=MyCanvas.getContext（'2d'）；
RecProCanvas=document.getElementById（'recproductioncanvas'）；
RPC=RecProCanvas.getContext（'2d'）；
函数LoadCanvas（）{
//我想要执行的代码。（为此，我通常使用RCP或MC。
}
addEventListener（“加载”，LoadCanvas，false）；
MC.fillRect（0,0,150,50）；
RPC.fillRect（0,0,150,50）；
和那些ids确实存在于HTML中，对吗？是的，它们肯定存在。请链接到jsfiddle.Hmm…您添加事件侦听器而不是在窗口加载（或文档就绪）时运行这些画布调用有什么原因吗？不，我想我只是觉得更舒服。谢谢你的提醒，但这不是根本问题。@KrokosPro对我来说确实有效，所以我猜这是元素的问题或是什么…@KrokosPro还有…你在使用什么浏览器？是的，也可能是这样…我使用了Chrome。谷歌Chrome。所以有一个奇怪的理论认为e一切都很好，但我就是看不到我的画布（我有一个非常松散、复杂的页面），这就是现在所有有意义的地方。@KrokosPro我将html添加到我的示例中。我不确定什么对你不起作用。
<html>
<script type="text/javascript">
window.onload=function(){
  MyCanvas = document.getElementById('myCanvas');
  MC = MyCanvas.getContext('2d');
  MC.fillStyle='blue';
  MC.fillRect(0,0,150,50);
}
</script>
</head>
<body>
<canvas id="myCanvas"></canvas>
</body>
</html>

<body>
  <canvas width="200" height="200" id="recproductioncanvas">
  </canvas>

  <canvas width="200" height="200" id="canvas">
  </canvas>

  <script type="text/javascript">
        MyCanvas = document.getElementById('canvas');
        MC = MyCanvas.getContext('2d');

        RecProCanvas = document.getElementById('recproductioncanvas');

        RPC = RecProCanvas.getContext('2d');


        function LoadCanvas() {
//Code I want to execute. (For this I usually use RCP or MC.
        }

        window.addEventListener("load", LoadCanvas, false);

        MC.fillRect (0, 0, 150, 50);
        RPC.fillRect (0, 0, 150, 50);
  </script>
</body>