canvas绘制一个圆,并且在圆上绘制一个图片,裁剪该图片(就是把图片裁剪成圆)。
...
//绘制圆
ctx.beginPath()
//x轴距离 y轴距离 r半径
ctx.arc(x, y, r, 0, 2 * Math.PI)
ctx.fillStyle = bgColor //填充颜色
ctx.fill()
ctx.closePath()
ctx.clip()
//绘制图片
//img图片地址 imgX图片x轴距离 imgY图片y轴距离 w图片宽 h图片高
ctx.drawImage(img,imgX,imgY,w,h)
ctx.draw();
上面的代码在开发者和安卓手机上可以实现,但是在iphone上,图片没有被裁剪成圆形。
整改后:
...
ctx.save();
...上面的代码
ctx.restore();
ctx.draw();