canvas-绘制圆形

最新推荐文章于 2022-07-15 17:08:36 发布

VIP文章时光无声￡

最新推荐文章于 2022-07-15 17:08:36 发布

阅读量5.1k

点赞数 10

分类专栏： canvas 文章标签： canvas javascript

本文链接：https://blog.csdn.net/weixin_44586981/article/details/119109344

版权

角度与弧度的js表达式:radians(弧度)=(deg*Math.PI/180)。

canvas绘制圆形

arc(x, y, radius, startAngle, endAngle, anticlockwise)

画一个以（x,y）为圆心的以radius为半径的圆弧（圆），从startAngle开始到endAngle结束，
按照anticlockwise给定的方向（默认为顺时针）来生成。
ture：逆时针
false: 顺时针

	x,y为绘制圆弧所在圆上的圆心坐标
	radius为半径
	startAngle以及endAngle参数用弧度定义了开始以及结束的弧度。这些都是以x轴为基准
	参数anticlockwise 为一个布尔值。为true时，是逆时针方向，否则顺时针方向。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
     
				margin: 0;
				padding: 0;
			}
			html,body{
     
				height: 100%;
				overflow: hidden;
			}
			body{
     
				background: pink;
			}
			#test{
     
				background: gray;
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0

最低0.47元/天解锁文章

时光无声￡

关注

10
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
canvas-绘制圆形

角度与弧度的js表达式:radians(弧度)=(deg*Math.PI/180)。canvas绘制圆形arc(x, y, radius, startAngle, endAngle, anticlockwise) 画一个以（x,y）为圆心的以radius为半径的圆弧（圆），从startAngle开始到endAngle结束，按照anticlockwise给定的方向（默认为顺时针）来生成。 ture：逆时针 false: 顺时针 x,y为绘制圆弧所在圆上的圆心坐标
复制链接

扫一扫