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

来源:4-3 结语

qq_锡死亡骑士_0

2017-01-05 20:37

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方法五角星右侧就会被覆盖一部分,求高人指点,非常感谢

写回答 关注

2回答

  • 奴奴雪人
    2017-01-06 00:17:17
    已采纳

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

    qq_锡死亡...

    非常感谢!

    2017-01-06 12:57:49

    共 2 条回复 >

  • 奴奴雪人
    2017-01-06 00:18:42

    祝你早点解决问题,共同进步,解决了告诉我一下,好让我不犯同样的错  · _ ·

Canvas玩儿转红包照片

教你玩儿转微信红包照片模糊效果,图像展示效果,深入了解canvas

55911 学习 · 67 问题

查看课程

相似问题