catch(err){
alert( err.description);
}</p>
<p>}</p>
<p>//画圆
function drawRound(x,y)
{
ctx.fillStyle=”#FF0000″;
ctx.beginPath();
ctx.arc(x,y,5,0,Math.PI*2,true);
ctx.closePath();
ctx.fill();
}
//画线
function drawLine(startX,startY,endX,endY)
{
ctx.beginPath();
ctx.lineCap=”round”;
ctx.moveTo(startX,startY);
ctx.lineTo(endX,endY);
ctx.stroke();
}
关键点:
ctx.lineCap="round"; 设置所画线条结束的样式帽为圆形。这个很关键,不然在线条角度变化大的地方会出现断带。

event.preventDefault();取消事件的默认动作。在滑动事件中一定要调这个方法。不然滑动时就会触发浏览器默认的滑动事件,就会发生页面下拉的效果,你就画不了画喽。









