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>

 

转载于:https://www.cnblogs.com/WChen1227/p/6889011.html