首页 > 其他分享 >H5 Canvas 越线绘制页面

H5 Canvas 越线绘制页面

时间:2022-12-03 17:56:07浏览次数:38  
标签:Canvas 越线 dfrac ctx H5 let x4 y4 Math

效果

⚠ 因为使用的是斜率来处理的垂直逻辑 tan,当为被除数为0时做了特殊处理,两点自由变换时到达零界点会有卡顿。

image

推导

开始复习初中二年级数学知识

斜率k的公式:\(k = \dfrac{(y_1 -y_2)}{(x_1 - x_2)}\)

两条垂直相交直线的斜率相乘积为-1:\(k_1 \times k_2 = -1\)

如图已知\(P_1\)和\(P_2\)的坐标,以及d的值,求点\(P_4\)的坐标。

标签:Canvas,越线,dfrac,ctx,H5,let,x4,y4,Math
From: https://www.cnblogs.com/linyisonger/p/16948455.html

相关文章