html5 canvasは何もしません（私は新しいです）

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);

私は2つのシンプルなキャンバスを作りたかったのですが、どちらも何もしません。両方のキャンバスを同じページで使用することは不可能ですか？ところでhtml5 canvasは何もしません（私は新しいです）

、私は通常、ちょうどのような単純な何かやりたい「何かを」したい：ここ

MC.fillRect (0, 0, 150, 50);

出典

2012-03-04 KrokosPro

これらのidはHTMLに存在します – summea

はい、間違いありません。 – KrokosPro

jsfiddleにリンクしてください。 – approxiblue

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

はシンプルかつ完全な例です。

出典

2012-03-04 05:05:43 qw3n

これは動作しません：/。私は今本当に混乱しています。 – KrokosPro

@KrokosPro私は私の例にhtmlを追加しました。私はあなたのために働いていないか分からない。 – qw3n

は、これが私の作品：

つのエラー私はRPC = RecProCanvas.getcontext('2d');にgetcontextすべての恋人のケースを発見しました。 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>

出典

2012-03-04 05:11:58 ebaxt

ヘッドアップありがとうが、それは根本的な問題ではありません。 – KrokosPro

@KrokosProは確かに私のために働くので、それは要素や何かと何かだと思います。 – ebaxt

@KrokosPro ...どのブラウザを使っていますか？ – summea

html5 canvasは何もしません（私は新しいです）

答えて

関連する問題