web前端：vue浏览器全屏实现

作者:稚于最初灬更新于： 2020-03-13 22:09:20

　　Vue强大的参数公布特性得到延伸，现可自创高水平界面。可以创建简化的高级控制并能直接从材质编辑器，地形编辑器或对象编辑器中调用这些控制!您可以在不打开函数编辑器的情况下获取函数图的功能!高级参数可以通过时间轴动画化，包括已公布的材质参数。这可以使您对材质的动画化进行从未实现过的控制。

　　1、项目中使用的是sreenfull插件，执行命令安装

　　npminstall--savescreenfull

　　2、安装好后，引入项目，用一个按钮进行控制即可，按钮方法如下：

　　toggleFullscreen(){

　　if(!screenfull.enabled){

　　this.$message({

　　message:'youbrowsercannotwork',

　　type:'warning'

　　})

　　returnfalse

　　}

　　screenfull.toggle()

　　}

　　试了一下可以全屏，我用的chrome，IE9以下不要考虑

　　3、第一步完成之后就是怎么监听到全屏的变化，因为如果是通过Esc键退出全屏，此时是没办法监听到的。经过一番查找，解决办法如下：

　　Vue系列产品为3D自然环境的动画制作和渲染提供了一系列的解决方案。Vue系列有很多不同的产品，这是为了满足不同阶层的用户的需要:可以满足专业的制作工作室，同样也能满足3D自由艺术家。