html矩形变圆形的代码,html5canvas绘制矩形和圆形的实例代码.pdf

下面小编就为大家带来一篇 html5 canvas 绘制矩形和圆形的实例代码。 小编觉得挺不错

的，现在就分享给大家，也给大家做个参考。

html5 canvas 绘制矩形和圆形的实例代码

JavaScript Code

  

        绘制矩形 :

/>   

        绘 制 圆 形 ：

    // 绘制矩形   

    function draw(){   

        var canvas=document.getElementById('ca'); // 获取 canvas 元

素   

        if (canvas==null)   

           return false;   

        var context=canvas.getContext('2d'); // 取 得 上 下 文

  

        context.fillStyle='#EEEFF';   // 填 充 颜 色

  

        context.fillRect(0,0,400,300); // 填 充 矩 形 ( 矩 形 1)

  

        context.fil