Canvas实现图片翻转1.通过canvas自带的canvas方法进行翻转varimg=newImage();//这是img标签的dom对象img.src='./sy.png';img.onload=function(){//图片加载完成后，执行该方法ctx.drawImage(img,posx,posy,210,80);};play.addEventListener('click',function(){ctx.clearRect(0,0,canvas.width,canvas.height);//清空画布//位移做镜像翻转ctx.translate(210+posx*2,0);ctx.scale(-1,1);//左右镜像翻转//ctx.translate(0,160+posy*2);//ctx.scale(1,-1);//上下镜像翻转ctx.drawImage(img,0,0,210,80);});2.像素镜像翻转方法//垂直像素翻转函数imageDataVRevert(sourceData,newData){for(vari=0,h=sourceData.height;i
