HTML5 canvas не будет ничего делать (я новичок) - PullRequest
Новая
       0

HTML5 canvas не будет ничего делать (я новичок)

0 голосов
/ 04 марта 2012 
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);

Ответы [ 2 ]

0 голосов
/ 04 марта 2012

Это работает для меня:

Одна найденная ошибка RPC = RecProCanvas.getcontext('2d'); getcontext all lover case. Должно быть getContext ... 

<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>
0 голосов
/ 04 марта 2012 
<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>

Вот простой и полный пример.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...