canvas——有无closePath()的区别

closePath()会将没封闭的图形，自动封上。

对于fill()来说，closePath()的有无没有差别。

 

<script type="text/javascript">

        window.onload = function(){
            var canvas = document.getElementById("canvas");

            canvas.width = 1024;
            canvas.height = 768;
    
            var context = canvas.getContext("2d");

            context.lineWidth = 5
            context.strokeStyle = "#005588"
            
            for(var i = 0;i < 10; i ++){
                context.beginPath();
                context.arc(50 + i*100,60,40,0,2*Math.PI*(i+1)/10)
                context.closePath();

                context.stroke();
            }
            
            for(var i = 0;i < 10; i ++){
                context.beginPath();
                context.arc(50 + i*100,180,40,0,2*Math.PI*(i+1)/10)


                context.stroke();
            }
        }
    </script>