html5的canvas清除,关于HTML5清除canvas画布问题

您的浏览器不支持次应用，请更新浏览器

var canvasInit = function(){

var canvas = document.getElementById('bo');

var pic=canvas.getContext("2d");

pic.lineWidth=5;

pic.strokeStyle="red";

var con=false;

$("#bo").mousedown(function(e){

var mouseX = e.pageX - this.offsetLeft;

var mouseY = e.pageY - this.offsetTop;

con=true;

pic.moveTo(mouseX,mouseY);

});

$("#bo").mouseup(function(e){

con=false;

})

$("#bo").mousemove(function(e){

var mouseX = e.pageX - this.offsetLeft;

var mouseY = e.pageY - this.offsetTop;

if(con)

pic.lineTo(mouseX,mouseY);

pic.stroke();

})

}

canvasInit();

function clea(){

var tmp = $('#bo').clone();

$('#bo').remove();

$('body').prepend(tmp);

canvasInit();

//pic.clearRect(0,0,500,500);

}