求思路:图片上要加个测量功能,可以任意图片上选取两点,然后测量这两点间的距离

2017-10-31 09:56:29 +08:00
 sunboy911

如题。有木有大神用 js 实现过类似的功能,拜托了。

4763 次点击
所在节点    问与答
38 条回复
jlsk
2017-10-31 09:59:20 +08:00
没上过高中?
sxm
2017-10-31 10:08:21 +08:00
先判断 2 点是否为斜线,斜线的话那就套用公式计算直角三角形的斜边长度
sunboy911
2017-10-31 10:12:23 +08:00
不是问直线咋算,是代码具体咋实现的
mooncakejs
2017-10-31 10:14:38 +08:00
最基础的勾股定理还要啥代码?
CEBBCAT
2017-10-31 10:16:10 +08:00
选两点的时候可以拿到坐标,把坐标做勾股运算就好了
coderluan
2017-10-31 10:16:44 +08:00
首先用 getMousePos 之类的函数获取两点的坐标( ax,ay ),( bx,by )
然后距离就等于 开方(( ax-bx )( ax-bx )+( ay-by )( ay-by ))

@sxm #3 那公式也也适用斜线的,不用判断。

PS:虽然我知道这个政治不正确,但是我还是忍不住怀疑楼主是不是培训班出身......
jiangzhuo
2017-10-31 10:27:28 +08:00
alert('出门左转得力文具淘宝旗舰店')
holystrike
2017-10-31 10:43:01 +08:00
@jlsk 勾股定理是初中
m939594960
2017-10-31 10:45:59 +08:00
楼主要的只是这么单纯的功能啊。。。我还以为是那种实景点两个点自动测距离呢
xomix
2017-10-31 10:51:28 +08:00
@coderluan 亮点斜线公式,还可以求斜率……话说我当年也突然想不起来过
jlsk
2017-10-31 10:58:21 +08:00
@holystrike
说勾股定理的都没上过高中!

这是平面解析几何的内容,高二的那个小薄本
平面上两点间的距离公式跟勾股定理有个屁关系!
勾股定理只不过是特例中的特例
连 TM 基本三角函数都不懂,就会个小学生现推理也能推出来的勾股定理
给定直线 AB 的长度和倾斜角勾股定理能 tm 反推点坐标吗?
给你极坐标的两点 P1P2 你用勾股定理给我算算距离?

对于这个站的文化水平之低感到惊讶!
kokdemo
2017-10-31 11:08:04 +08:00
@jlsk 戾气也太大了,嘴能放干净点么
jlsk
2017-10-31 11:12:14 +08:00
@kokdemo 放你妈了隔壁,傻逼
你那只狗眼看到老子嘴不干净了?
sunboy911
2017-10-31 11:13:44 +08:00
@coderluan 话说 js 咋操作图片呀,在图片上选两个点 然后给其连上线,然后线上给其距离显示出来
imn1
2017-10-31 11:13:46 +08:00
@jlsk
虽然确实是平面解析几何,也应该用它来解
但并非知道两点坐标不能用勾股定理来解吧?
liuminghao233
2017-10-31 11:15:58 +08:00
游标卡尺比较准
sunboy911
2017-10-31 11:16:06 +08:00
不知道这操作图片的 js 咋写呀 选点和连线
jlsk
2017-10-31 11:23:05 +08:00
@imn1 如果是正交平面那是能解
本来我也不想说啥,看到他强调初中我才多说两句

但是就 lz 这个问题不一定坐标系是正交平面啊
如果那图是用在一些特定场合的坐标系下呢?
hxndg
2017-10-31 11:28:55 +08:00
@jlsk
不太明白你在表达什么,虽然平面上两点距离公式不等于勾股定理,但是讲解的时候还是以勾股定理作为依托,
当然确实得承认V站的部分程序员解析几何的东西不是很了解,至于极坐标系就是另外的问题了,当然我也记得不清楚了.

PS  你下面的回复太脏了,兄弟.
kokdemo
2017-10-31 11:38:23 +08:00
cc @Livid

@jlsk 这位已经开始人身攻击和辱骂了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/402148

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX