为什么我不能在HTML5画布上绘制正方形？

-2

我试图用html5，js和touch事件绘制一个正方形，但是当我尝试在画布上绘制时没有任何显示。我究竟做错了什么？为什么我不能在HTML5画布上绘制正方形？

这里是我的代码...

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

什么我的代码错了吗？

来源

2012-05-30 Wardenclyffe

你有什么试过？ http://mattgemmell.com/2008/12/08/what-have-you-tried/ –

这没有帮助。我需要真正的帮助......就像一个教程，而不是一个关于如何制定问题的讲座。我想我的问题很清楚。请，有人能帮我解决这个问题吗？谢谢。 – Wardenclyffe

你的代码看起来不错;你可以用你的代码设置和共享一个非工作的[JSFiddle]（http://jsfiddle.net）吗？ – apsillers