Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.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 什么';s算法实现了书的弹出效果_Javascript - Fatal编程技术网

Javascript 什么';s算法实现了书的弹出效果

Javascript 什么';s算法实现了书的弹出效果,javascript,Javascript,下面是一个效果示例: 我查看了源代码,显然有一些算法在计算旋转。是否有任何资源可以产生这种效果,或者有人可以用外行的术语对算法进行分解和解释 我试着在jsfiddle.net上玩,但没有接近它。Smashing杂志在这个网站上做了一次尝试 编辑、回复评论:adj不是“边”,而是“长度”。为了让一本弹出式的书能够自动折叠起来,而不仅仅是在一片混乱中皱缩,内容的背景必须与它们所在的页面成一定角度。完全水平,书就不起作用,完全垂直,从书的正面看不到任何东西。我们的作者选择了与水平面成15°,但这个选

下面是一个效果示例:

我查看了源代码,显然有一些算法在计算旋转。是否有任何资源可以产生这种效果,或者有人可以用外行的术语对算法进行分解和解释

我试着在jsfiddle.net上玩,但没有接近它。

Smashing杂志在这个网站上做了一次尝试

编辑、回复评论
adj
不是“边”,而是“长度”。为了让一本弹出式的书能够自动折叠起来,而不仅仅是在一片混乱中皱缩,内容的背景必须与它们所在的页面成一定角度。完全水平,书就不起作用,完全垂直,从书的正面看不到任何东西。我们的作者选择了与水平面成15°,但这个选择是任意的

一旦他选择了15°,他就需要知道书的宽度。这就是他所说的。它是使用固定的“场景宽度”和任意角度创建的书的大小。他使用Pythygoras定理得到它(因为数学不是他的堡垒),但如果你愿意,你可以用下面的句子来代替这一行:

var adj = POPUP_WIDTH * Math.cos(degToRad(15));

Hi Sinetha,在这篇文章中,我看到计算了一个变量“adj”。我想那是相邻的一面。但是,我是否可以知道计算了哪一个相邻点,以及为什么需要相邻边找到一个点?在答案中添加了一个解释