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

<div class="blur-div">
        <img id="blur-image" src="fanart-1403-full.jpg" alt="">
        <canvas id="myCanvas"></canvas>
        <a class="reset" href="javascript:reset();">重置</a>
        <a class="show" href="javascript:show();">显示</a>
</div>

两个a标签需要是blur-div的子元素；