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