如何在画布上触摸绘制正方形?

时间:2012-05-31 20:36:32

标签: html5 canvas touch draw

是的,我只是想知道,为什么我不能用画笔在画布上画一个正方形?我究竟做错了什么?请,任何帮助都将非常感谢:)

这是代码:


JAVASCRIPT:

  // "Square" Button
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>   

1 个答案:

答案 0 :(得分:0)

你的代码在JSfiddle中运行得很好:

http://jsfiddle.net/jXv83/

我感觉square()永远不会被调用,所以你在那里的代码永远不会运行......