Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 快速简单地获得旋转矩形内正方形的最小值和最大值y的方法_Javascript_Image_Rotation_Crop_Trigonometry - Fatal编程技术网

Javascript 快速简单地获得旋转矩形内正方形的最小值和最大值y的方法

Javascript 快速简单地获得旋转矩形内正方形的最小值和最大值y的方法,javascript,image,rotation,crop,trigonometry,Javascript,Image,Rotation,Crop,Trigonometry,因此,我尝试获取绿色框的左上角x,y值,以裁剪旋转成正方形的图像 绿色的正方形可以在虚线上左右移动,所以我可以得到x值,我只是很难得到Y,尤其是当蓝色矩形的纵横比不同时 所以我知道蓝色矩形旋转了多少,宽度和高度,还有边框的宽度和高度,绿色正方形也是如此 所以我需要最小值和最大值Y在某个X值,旋转角度在-10-10度之间 我现在正在使用html和js 蓝色矩形是一个可滚动的div,它在方形div内旋转,因此您可以看到裁剪的预览 图表: 谢谢,您可以为旋转矩形的顶部和底部设置直线方程:y1=mx+

因此,我尝试获取绿色框的左上角x,y值,以裁剪旋转成正方形的图像

绿色的正方形可以在虚线上左右移动,所以我可以得到x值,我只是很难得到Y,尤其是当蓝色矩形的纵横比不同时

所以我知道蓝色矩形旋转了多少,宽度和高度,还有边框的宽度和高度,绿色正方形也是如此

所以我需要最小值和最大值Y在某个X值,旋转角度在-10-10度之间

我现在正在使用html和js

蓝色矩形是一个可滚动的div,它在方形div内旋转,因此您可以看到裁剪的预览

图表:


谢谢,您可以为旋转矩形的顶部和底部设置直线方程:y1=mx+b1,分别为。y2=mx+b2

m是斜率,即直线与x轴之间的角度的切线。 b是截距(直线与y轴相交的y值;b=y(0))

有关更多信息,请查看网站