ctx.save(); // 保存当前ctx的状态 ctx.arc(xxx,xxx,xxx,xxx); //画出圆 ctx.clip(); //裁剪上面的圆形 ctx.drawImage(img, 0, 0, width, height); // 在刚刚裁剪的园上画图 ctx.restore(); // 还原状态