-2

html5、js、およびタッチ イベントで正方形を描画しようとしていますが、キャンバスに描画しようとしても何も表示されません。私は何を間違っていますか？

これが私が持っているコードです...

Javascript:

function square()
{   
    var can = document.getElementById('canvasSignature');
var ctx = can.getContext('2d');


can.addEventListener( 'touchstart', onTouchStart, false);

function onTouchStart(e) {
 ctx.fillRect(0,0,300,300);   

}
}

HTML5:

<div id="canvasDiv">
    <canvas id="canvasSignature" width="580px" height="788px" style="border:2px solid #000; background: #FFF;"></canvas>
</div>

<div id="Square">  
    <p><button onclick="square();">Square</button></p>
</div>

コードの何が問題になっていますか?

4

2 に答える 2

0

実際、私はあなたのコードをコピーして貼り付け、テストしました。Androidフォンでは問題なく動作しているようです。

于 2012-05-30T20:23:31.657 に答える
-1

私のエラー コンソールは、関数 square() を見つけることができなかったと言っているため、何らかの解釈エラーを引き起こしている 2 つの関数が互いに内部にある可能性があります。

http://jsfiddle.net/GkL7P/4/

変数を外側に移動して2つの関数を分離することで、少し編集しました...

于 2012-05-30T19:58:30.810 に答える