网站地图    收藏   

主页 > 前端 > js几何数学知识 >

js获得圆边上点的x,y坐标

来源:未知    时间:2021-12-31 15:15 作者:小飞侠 阅读:

[导读] JS如何获得圆边上点的x,y坐标呢? 假设已知: 半径 r ,旋转角度 angle 和 当前中心点坐标 x0,y0 如图所示: 根据三角函数: x1=x0+r*Math.cos(angle*Math.PI/180)y1=y0+r*Math.sin(angle*Math.PI/180) 假设条件...

JS如何获得圆边上点的x,y坐标呢?

假设已知: 半径 r ,旋转角度 angle 和 当前中心点坐标 x0,y0 如图所示:

image.png

根据三角函数:

x1 = x0 + r * Math.cos(angle * Math.PI / 180)

y1 = y0 + r * Math.sin(angle * Math.PI/180)


假设条件是: var x0 = 0, r = 100, angle =45, y0 = 0;

结果是:

image.png


利用上面公式打印一个圆

image.png

$(function(){
var x0 = 200,y0 = 200,r = 100, angle =0;
for(var i=0;i<=360; i++) {
angle = i
y1 = y0 + r * Math.sin(angle * Math.PI/180);
x1 = x0 + r * Math.cos(angle * Math.PI/180);
var dom = "<div></div>"
var $dom = $(dom);
$dom.css({
width: 3, height: 3, background: '#000', position: 'fixed', left: x1 + 'px', top: y1 + 'px'
});
$('body').append($dom);
}
});


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论