用canvas绘制圆弧 - A8源码实例

基本信息

源码名称：用canvas绘制圆弧

源码大小：0.68KB

文件格式：.html

开发语言：CSS

更新时间：2019-05-28

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：78630559

本次赞助数额为： 2 元　

源码介绍

用canvas绘制圆弧弧度 = 角度*Math.PI/180

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    body{background: black;}
    #c1{background: white;}
    span{color:white;}
    </style>
  <script>
    window.onload = function(){
	var oC = document.getElementById('c1');
	var oGC = oC.getContext('2d');
	oGC.moveTo(200,200);
	//弧度 = 角度*Math.PI/180
	oGC.arc(200,200,150,0,90*Math.PI/180,true);
	oGC.stroke();
};
</script>

</head>
<body>
<canvas id="c1" width="400" height="400">
</canvas>      
</body>
</html>