                        課程
                    
                        /前端開發
                        
                            /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

關注問題我要回答

1723

操作

收起

2 回答

奴奴雪人回答被采納 +3 積分
2017-01-06

你的具體代碼不清楚，可能是因為你的數據設置問題，五角星的繪制牽扯到一個圓心問題，如果圓心沒有translate重置，那么你的圓心就剛還在你設置的clip邊緣上面，你可分析的看看，感覺就是圓心的設置問題，最簡單的的方法測試就是把你的五角星的尺寸全部*0.5 看看如果顯示好了，那么肯定是你的圓心坐標問題，可以看看老師前面的課程，收貨真的很大