                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /Canvas玩儿转红包照片

clip一个五角星区域，然后drawImage始终把五角星右侧覆盖,

function draw(img,clipingArea){ ctx.clearRect(0,0,canvas.width,canvas.height); ctx.save(); setClipArea(clipingArea); // ctx.drawImage(img,0,0,img.width,img.height); ctx.restore(); } 为什么我把图形改成了五角星以后，只要调用这个drawImage方法五角星右侧就会被覆盖一部分，求高人指点，非常感谢

qq_锡死亡骑士_0

2017-01-05

源自：Canvas玩儿转红包照片 4-3

关注问题我要回答

1667

操作

收起

2 回答

奴奴雪人回答被采纳 +3 积分
2017-01-06

你的具体代码不清楚，可能是因为你的数据设置问题，五角星的绘制牵扯到一个圆心问题，如果圆心没有translate重置，那么你的圆心就刚还在你设置的clip边缘上面，你可分析的看看，感觉就是圆心的设置问题，最简单的的方法测试就是把你的五角星的尺寸全部*0.5 看看如果显示好了，那么肯定是你的圆心坐标问题，可以看看老师前面的课程，收货真的很大