您的位置：首页 > Web前端 > HTML5

HTML5 canvas 画布画圆

2016-05-09 22:03 405 查看
<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<body>

<p>canvas元素实例</p>

<canvas id="demo"></canvas>

<script>

var t=document.getElementById("demo");

var img=t.getContext("2d");

img.fillStyle="#eeeeff";

img.fillRect(0,0,400,300);

var n=0;

for(var i=0;i<10;i++)

{
img.beginPath();
img.arc(i*25,i*25,i*10,0,Math.PI*2,true);
img.closePath();
img.fillStyle="rgba(255,0,0,0.25)";
img.fill();

}

</script>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航