Javascript:在垂直线上找到一个距离始终相同的点
Javascript: Find point on perpendicular line always the same distance away
我正试图找到一个离垂线中心等距离的点。我想用这个点来创建一条Bézier曲线,使用起点和终点,还有我正在努力寻找的另一个点。
我已经计算了垂直线,我可以在这条线上绘制点,但问题是,根据线的角度,点离原始线越来越远或越来越近,我希望能够计算它,所以它总是离X个单位。
看看这个JSFiddle,它显示了原始线,其中一些点沿着垂直线绘制:
http://jsfiddle.net/eLxcB/1/.
如果更改起点和终点,可以看到这些绘制的点越来越近或越来越远。
无论角度如何,我如何使它们彼此之间的距离一致?
下面的代码狙击坑:
// Start and end points
var startX = 120
var startY = 150
var endX = 180
var endY = 130
// Calculate how far above or below the control point should be
var centrePointX = ((startX + endX) / 2);
var centrePointY = ((startY + endY) / 2);
// Calculate slopes and Y intersects
var lineSlope = (endY - startY) / (endX - startX);
var perpendicularSlope = -1 / lineSlope;
var yIntersect = centrePointY - (centrePointX * perpendicularSlope);
// Draw a line between the two original points
R.path('M '+startX+' '+startY+', L '+endX+' '+endY);
通常你可以得到一条直线法线的坐标,如下所示:
P1 = {r * cos(a) + Cx, -r * sin(a) + Cy},
P2 = {-r * cos(a) + Cx, r * sin(a) + Cy}.
jsFiddle上的一个将此应用于您的案例的演示。
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- jQuery:循环一个具有不同超时值的循环
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 从javascript创建一个列表
- 节点导出返回一个空对象
- 使用clickToggle并在单击另一个元素时关闭元素
- 我可以在json对象中添加一个函数吗
- 使用javascript将动态表从一个html页面打印到另一个html页
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 表追加而不附加最后一个元素
- 给每个谷歌距离矩阵结果一个id
- 打印从当前位置到另一个位置的距离javascript
- Javascript:在垂直线上找到一个距离始终相同的点
- 如何得到一个标记和中心之间的距离在谷歌地图
- 我如何找到一个多边形上从一个点到那个多边形的最短点(不是它的距离)
- 如何设计一个简单的网页,其中输入GPS位置返回你所有的地方(如atm机,酒吧等)和他们的距离的位置
- 在余弦曲线上找到与另一个位置有指定距离的位置
- 在v3中获得一个邮政编码到多个邮政编码的驾驶距离
- 过滤城市的纬度和经度列表在给定的距离从另一个城市(与lat/long)
- 如何使一个盒子从侧面扩大一段距离