html 画圆点代码,HTML5 canvas如何绘制圆形？（代码实例）

canvas能用于绘制各种图形，那么如何使用HTML5 canvas绘制一个圆形呢？本篇文章就来给大家介绍关于HTML5 canvas绘制圆形的方法，下面我们来看具体的内容。

我们来直接看示例

代码如下

function draw() {

var canvas = document.getElementById('SimpleCanvas');

if ( ! canvas || ! canvas.getContext ) {

return false;

}

var cx = 360;

var cy = 400;

var radius = 36;

var context = canvas.getContext('2d');

context.beginPath();

context.arc(cx, cy, radius, 0, 2 * Math.PI, false);

context.fillStyle = '#9fd9ef';

context.fill();

context.lineWidth = 1;

context.strokeStyle = '#00477d';

context.stroke();

}

Canvas Dem