clip一個(gè)五角星區(qū)域,然后drawImage始終把五角星右側(cè)覆蓋,
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(); } 為什么我把圖形改成了五角星以后,只要調(diào)用這個(gè)drawImage方法五角星右側(cè)就會(huì)被覆蓋一部分,求高人指點(diǎn),非常感謝
2017-01-06
你的具體代碼不清楚 ,可能是因?yàn)槟愕臄?shù)據(jù)設(shè)置問(wèn)題,五角星的繪制牽扯到一個(gè)圓心問(wèn)題,如果圓心沒(méi)有translate重置,那么你的圓心就剛還在你設(shè)置的clip邊緣上面,你可分析的看看,感覺(jué)就是圓心的設(shè)置問(wèn)題,最簡(jiǎn)單的的方法測(cè)試就是把你的五角星的尺寸全部*0.5 看看如果顯示好了,那么肯定是你的圓心坐標(biāo)問(wèn)題,可以看看老師前面的課程,收貨真的很大
2017-01-06
祝你早點(diǎn)解決問(wèn)題,共同進(jìn)步,解決了告訴我一下,好讓我不犯同樣的錯(cuò)? · _ ·