您的位置：首页 > 其它

canvas封闭图形填充与

2017-03-19 11:17 225 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>封闭图形填充和clothpath</title>
</head>
<body>
<div>
<canvas id="canvas" width="800px" height="800px"></canvas>
</div>
<script type="text/javascript">
var dom=document.getElementById("canvas");
var ctx=dom.getContext('2d');
ctx.lineWidth=10;
ctx.beginPath();//清楚所有的点
ctx.lineTo(100,200);//从上一个点开始到指定的点
ctx.lineTo(300,400);
ctx.lineTo(100,600);
ctx.closePath();
ctx.strokeStyle="#c12121";
ctx.stroke();
ctx.fillStyle="#054";
ctx.fill();//实心填充

</script>
</body>
</html>

演示图


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航