随笔分类 - Canvas与数学
摘要：【点评】 y=sin(x)是正弦曲线，它是奇函数，零点在nPI. 若x存在系数，则系数大于1会使曲线变得密集，小于1会使曲线变得稀疏。 【图像】 y=sin(x) y=sin(2x) 可以看出零点变密集了。 y=sin(x/2) 可以看出零点变稀疏了。 【代码】 <!DOCTYPE html> <h
阅读全文
摘要：【图像】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>15.幂函数y=x^3</title> <
阅读全文
摘要：两观察哨间距除以2就能确定双曲线的c，两观察哨听到敌炮声的时间差乘以声速除以2就能确定双曲线的a，有了a与c，就能确定一条双曲线，敌炮位必然在这条双曲线上；
再增加一个观察哨，与之前的一个观察哨再确定一条双曲线，那么两双曲线的交点就是敌炮位所在；
找到交汇点就能反击了，这就是三点听声辩位的数学原理。
【在canvas中如何勾画双曲线】
在平面直角坐标系勾画双曲线有两种办法，一是将双曲线C：x^2/a^2-y^2/b^2=1中的x,y两个变量通过三角函数替换为1/cosθ，1/tanθ，然后对一个变量θ进行操作就能得到双曲线上的x，y坐标；二是通过双曲线的第一定义，即曲线上点到两焦点距离的差值为2a，然后以离目标较近的焦点扩圆，找圆上与较远焦点距离为2a的点，此点即为双曲线上点。
第一种方法适合对称轴与xy轴平行的双曲线，是学术性的作法；第二种方法即使双曲线的对称轴与xy轴成一定夹角也可以作图，是实用化的方法，本例就是采用的第二种方法。
阅读全文
摘要：【图示】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>反炮兵听声辨位之三点定敌炮位置</titl
阅读全文
摘要：【图像】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>反炮兵听声辨位之两点定敌炮所在双曲线</t
阅读全文
摘要：【图像】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>双曲线:y^2/160^2-x^2/120
阅读全文
摘要：【图像】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>双曲线:x^2/160^2-y^2/150
阅读全文
摘要：图像： 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>椭圆:x^2/120^2+y^2/150^2=
阅读全文
摘要：【图像】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>椭圆:x^2/250^2+y^2/200^
阅读全文
摘要：【图像】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>抛物线y^2=256x</title> <
阅读全文
摘要：【图像】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>抛物线x^2=256y</title> <
阅读全文
摘要：【图像】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>六幂函数比较</title> <style
阅读全文
摘要：【图像】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>六对数函数比较</title> <styl
阅读全文
摘要：【图像】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>六指数函数比较</title> <styl
阅读全文
摘要：图像： 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>勾画y=1.1^x及y=0.99^x</tit
阅读全文
摘要：图像： 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>勾画log10_x</title> <styl
阅读全文
摘要：代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>圆内摆线模拟</title> <style type=
阅读全文
摘要：注意：下面代码似乎和真正的内摆线比较起来有偏差，估计是方程写得有纰漏，各位见谅。 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
阅读全文
摘要：注意：下面代码似乎和真正的外摆线比较起来有偏差，估计是方程写得有纰漏，各位见谅。 把摆线的水平面换成圆，便形成了圆外摆线，如图： 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text
阅读全文
摘要：摆线是轮上一点的轨迹，又称最快降速线。 先上图： 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>摆线
阅读全文
