原生js的math对象

Math对象方法

 1 //返回最大值
 2         var max=Math.max(95,93,90,94,98);
 3         console.log(max);
 4         
 5         //返回最小值
 6         var min=Math.min(95,93,90,94,98);
 7         console.log(min);
 8         
 9         //向上取整
10          console.log(Math.ceil(2.2));
11          console.log(Math.ceil(-2.2));
12         
13         //向下取整
14          console.log(Math.floor(2.2));//2
15          console.log(Math.floor(-2.2));//-3
16         
17         
18         //四折五入
19          console.log(Math.round(2.4));//四舍五入--3
20          console.log(Math.round(-2.5));//负数+0.5,向下取整
21          console.log(Math.round(-3.4));//-3
22         
23         //随机数
24          var b=Math.random();//[0,1)
25          var d=b*41//[0,41)所有数
26          var e=d+10//[10,51)所有数
27          var f=Math.floor(e)//[10,50]之间的整数
28 
29         //10到50的区间,包含10也包含50
30          var gongs=Math.floor(Math.random()*(50-10+1)+10);
31          var num=-10;
32          Math.abs(num);//10
33          Math.abs(10);//10
34         
35         
36         //返回 e 的 x 次幂的值。
37          console.log(Math.exp(4))//e
38         
39         //返回数的自然对数(底为e)
40          console.log(Math.log(2))
41          
42         //pow() 方法可返回 x 的 y 次幂的值
43          console.log(Math.pow(2,3))//8
44         
45         //sqrt() 方法可返回一个数的平方根
46          console.log(Math.sqrt(2))//
47         
48         
49         //关于随机数的一个小练习
50         //每刷新一次字的颜色就要变化一次
51         var num2=9;
52         console.log(num2.toString(16))//f,toString转换成字符串
53         //一位【0,15】
54         var color="#";//用变量进行字符串拼接
55         for(var i=0;i<6;i++){//该循环循环6次,获取16进制表示颜色的数
56             var yi=Math.floor(Math.random()*16).toString(16);
57             color=color+yi;//字符串拼接获取一个完整的颜色的值
58         }
59         console.log(color);//检测16进制的颜色是否成功合成
60         document.write("<font color="+color+">我会变颜色</font>")//把颜色打印出来
61         //0-15

这就是一些Math对象方法,希望能帮到大家!!!!!!

 

转载于:https://www.cnblogs.com/user-5253/p/7082543.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。
可以使用 Canvas 和原生 JavaScript 实现按箭头方向流动的线。下面是实现步骤: 1. 获取 Canvas 元素和上下文对象 ``` var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ``` 2. 定义线条颜色和宽度 ``` ctx.strokeStyle = "red"; // 线条颜色 ctx.lineWidth = 2; // 线条宽度 ``` 3. 定义线条的起始点和结束点 ``` var startX = 50; // 起始点 x 坐标 var startY = 50; // 起始点 y 坐标 var endX = 200; // 结束点 x 坐标 var endY = 50; // 结束点 y 坐标 ``` 4. 定义箭头大小和颜色 ``` var arrowSize = 10; // 箭头大小 var arrowColor = "black"; // 箭头颜色 ``` 5. 定义箭头的绘制函数 ``` function drawArrow(fromX, fromY, toX, toY) { var angle = Math.atan2(toY - fromY, toX - fromX); ctx.beginPath(); ctx.moveTo(toX, toY); ctx.lineTo(toX - arrowSize * Math.cos(angle - Math.PI / 6), toY - arrowSize * Math.sin(angle - Math.PI / 6)); ctx.moveTo(toX, toY); ctx.lineTo(toX - arrowSize * Math.cos(angle + Math.PI / 6), toY - arrowSize * Math.sin(angle + Math.PI / 6)); ctx.strokeStyle = arrowColor; ctx.stroke(); } ``` 6. 定义更新线条位置的函数 ``` function update() { ctx.clearRect(0, 0, canvas.width, canvas.height); endX += 2; // 每次更新 x 坐标 ctx.beginPath(); ctx.moveTo(startX, startY); ctx.lineTo(endX, endY); ctx.stroke(); drawArrow(startX, startY, endX, endY); // 绘制箭头 requestAnimationFrame(update); // 循环更新 } ``` 7. 调用更新函数 ``` update(); ``` 完整代码示例: ``` var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.strokeStyle = "red"; ctx.lineWidth = 2; var startX = 50; var startY = 50; var endX = 200; var endY = 50; var arrowSize = 10; var arrowColor = "black"; function drawArrow(fromX, fromY, toX, toY) { var angle = Math.atan2(toY - fromY, toX - fromX); ctx.beginPath(); ctx.moveTo(toX, toY); ctx.lineTo(toX - arrowSize * Math.cos(angle - Math.PI / 6), toY - arrowSize * Math.sin(angle - Math.PI / 6)); ctx.moveTo(toX, toY); ctx.lineTo(toX - arrowSize * Math.cos(angle + Math.PI / 6), toY - arrowSize * Math.sin(angle + Math.PI / 6)); ctx.strokeStyle = arrowColor; ctx.stroke(); } function update() { ctx.clearRect(0, 0, canvas.width, canvas.height); endX += 2; ctx.beginPath(); ctx.moveTo(startX, startY); ctx.lineTo(endX, endY); ctx.stroke(); drawArrow(startX, startY, endX, endY); requestAnimationFrame(update); } update(); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值