2012-05-31 3 views
1

Да, мне просто интересно, почему я не могу нарисовать квадрат на холсте прикосновением? Что я делаю не так? Пожалуйста, любая помощь вообще было бы весьма признателен :)Как я могу нарисовать квадрат на холсте?

Вот код:


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

Я предлагаю использовать gee.js для обработки пользовательского ввода. Он также поддерживает события касания: http://georgealways.github.com/gee/ – Saturnix

ответ

0

Ваш код работает просто отлично в JSfiddle:

http://jsfiddle.net/jXv83/

У меня есть ощущение, что square() никогда не вызывался поэтому код у вас есть там никогда не бежать ...

+0

Су, как бы я стал вызывать функцию ** square() **, чтобы она действительно выполнялась? – Wardenclyffe

+0

не имеют квадратной функции, просто имеют функцию самоисполнения или делают ее функцией square(), выполняемой при загрузке тела или окна –

Смежные вопросы