php适应浏览器显示,浏览器变动时进行自适应代码分享

有的时候，我们打开了浏览器的页面，显示了当前的渲染的模型。但是，如果你没有设置场景模型跟随着浏览器的宽高度变化进行自适应，就gg了。本文主要给大家介绍关于Three.js实现浏览器变动时进行自适应的方法，文中通过示例代码介绍的非常详细，希望能帮助到大家。

要是场景随着浏览器的大小变动进行自适应，就需要监听window的resize事件，就是浏览器变动事件。

window.onresize = function(){}

或者使用addEventListener事件

window.addEventListener("resize",function(){})

事件监听成功了以后，就需要写变动后需要触发的表达式了：

//窗口变动触发的函数

function onWindowResize() {

camera.aspect = window.innerWidth / window.innerHeight;

camera.updateProjectionMatrix();

renderer.setSize( window.innerWidth, window.innerHeight );

}

上面主要就是更新了照相机的比例和渲染器的比例，就达到了当前的效果。

代码使用的上一节的，就不上传代码了(需要的朋友点击这里)，上传两张示例效果。

上面就是全屏状态下显示的效果，下面是直接将浏览器改成了一半的效果：

php适应浏览器显示,浏览器变动时进行自适应代码分享相关推荐

04、用浏览器显示一个网页时，是否只发了一个网络请求给服务器？
目录服务器思考服务器用户量.数据访问量越大,对服务器的性能要求越高当我们在浏览器上输入网址的时候,比如baidu.com,那就会发送请求给这个服务器,如果同时有一亿个用户在浏览器输入百度网址 ...
显示微投票的进度条代码分享
显示微投票的进度条代码分享,一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果.以下是我的方法,请大家不吝赐教: 1:做一张图片用于做进度条,只需要很小的一个图片就可以 ...
css border-style 浏览器显示问题
今天做完网站,突发奇想,多下载了几个浏览器看一下效果: 发现了一个问题: 关于border的: 暂时还没想到解决办法,希望大神留言指教一下: 火狐浏览器与谷歌浏览器显示正常:搜狗浏览器显示成方块了: ...
Visual Studio 2008 当页面进行调试时,IE8浏览器显示的是空白页面?
Visual Studio 2008 当页面进行调试时,IE8浏览器显示的是空白页面? [ 标签:studio 调试,浏览器,空白 ] Say goodbye 回答:2 人气:2 提问时间:2009- ...
计算机中pdf怎么预览,如何在浏览器中开启PDF时默认显示Adobe Reader XI工具栏
如何在浏览器中开启PDF时默认显示Adobe Reader XI工具栏_电脑基础知识_IT/计算机_资料 3682人阅读|3次下载如何在浏览器中开启PDF时默认显示Adobe Reader XI工具 ...
解决远程控制软件在连接时无法正常显示浏览器、视频播放器等软件界面的问题
问题描述在使用一些远程控制软件(如TeamViewer或者向日葵等)进行远程连接时无法正常显示浏览器.视频播放器.VS等软件的界面,会变成一个白屏或黑屏怎么办? 原因剖析原因一:笔记本合上盖子关闭 ...
输入URL到浏览器显示页面的过程，搜集各方面资料总结一下
面试中经常会被问到这个问题吧,唉,我最开始被问到的时候也就能大概说一些流程.被问得多了,自己就想去找找这个问题的全面回答,于是乎搜了很多资料和网上的文章,根据那些文章写一个总结. 写得不好,或者有意见 ...
Chrome浏览器显示“网站连接不安全”怎么解决？解决方法分享
chrome浏览器是一个非常受欢迎的搜索服务软件,这款软件可以满足用户非常多搜索需求,有很多用户都会使用这款软件进行搜索,功能非常的全面,但是在使用Chrome浏览器的也会遇到一般浏览器都会遇到的问题 ...
bootstrapTable表格格式化日期后，IE浏览器显示不正常，为NaN-NaN-NaN
1.利用bootstrapTable表格格式化日期后,发现IE浏览器显示不正常,为NaN-NaN-NaN,网上找了一下是因为:IE浏览器new Date()带参返回undefined,估计是浏览器冲突 ...

php适应浏览器显示,浏览器变动时进行自适应代码分享

php适应浏览器显示,浏览器变动时进行自适应代码分享相关推荐

最新文章

热门文章