HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canva

2020-04-24 19:55:42易采站长站整理

c、cans.arc(200,150,100,0,Math.PI/2,true);

d、cans.arc(200,150,100,0,Math.PI/2,false);

 

 7、圆形区块

 

XML/HTML Code复制内容到剪贴板

<!doctype html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
    </head>  
    <style type="text/css">  
        canvas{border:dashed 2px #CCC}   
    </style>  
    <script type="text/javascript">  
        function $$(id){   
            return document.getElementById(id);   
        }   
        function pageLoad(){   
            var can = $$(‘can’);   
            var cancans = can.getContext(‘2d’);   
            cans.beginPath();   
            cans.arc(200,150,100,0,Math.PI*2,false);   
            cans.closePath();   
            cans.lineWidth = 5;   
            cans.strokeStyle = ‘red’;   
            cans.stroke();   
        }   
    </script>  
    <body onload="pageLoad();">  
        <canvas id="can" width="400px" height="300px">4</canvas>