-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()。

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

我通过将变量移到外部并将两个函数分开来对其进行了一些编辑...

于 2012-05-30T19:58:30.810 回答