java做橡皮擦效果_顶风作案，html5 canvas实现橡皮擦功能，擦了就知道有惊喜了...

2.[代码][JavaScript]代码

//通过修改globalCompositeOperation来达到擦除的效果

function tapClip(){

var hastouch = "ontouchstart" in window?true:false,

tapstart = hastouch?"touchstart":"mousedown",

tapmove = hastouch?"touchmove":"mousemove",

tapend = hastouch?"touchend":"mouseup";

canvas.addEventListener(tapstart , function(e){

clearTimeout(timeout)

e.preventDefault();

x1 = hastouch?e.targetTouches[0].pageX:e.clientX-canvas.offsetLeft;

y1 = hastouch?e.targetTouches[0].pageY:e.clientY-canvas.offsetTop;

ctx.lineCap = "round";　　//设置线条两端为圆弧

ctx.lineJoin = "round";　　//设置线条转折为圆弧

ctx.lineWidth = a*2;

ctx.globalCompositeOperation = "destination-out";

ctx.save();

ctx.beginPath()

ctx.arc(