2019年12月_Beam007

原创 three.js场景的背景旋转主体不动

方法一创建两个THREE对象分层控制两个DIV，创建两个THREE对象，完全弄出两套<div id="divBG"></div><div id="divZT"></div>divBG，绑定创建THREE对象1，在场景中添加背景图片，设置controls的自动旋转，关键代码如下：initScene () { // 场景作为一个容器 ...

2019-12-18 17:46:04 3342 1

原创 pdf.js的简单使用

简介pdf.js是火狐开发的，一个基于Web标准的通用平台，用于解析和呈现 PDF。所以使用火狐浏览器在线打开pdf时，自动使用了pdf.js打开，差异在于有目录等功能。使用步骤1、官网下载http://mozilla.github.io/pdf.js/getting_started/#download下载stable稳定版本，放在项目的static文件夹下。2、后台提供打开文件的接...

2019-12-06 14:49:56 449

原创 echarts雷达图的使用

样例图示例代码option = { tooltip: { show: true, padding: 8, // 悬浮提示框格式化通过option和params获取对应变量 formatter: function (params, ticket, callback) { let str = option.series[0].name + '&l...

2019-12-06 14:27:40 1532

原创重复点击同一个菜单路由报错NavigationDuplicated

现象连续点击同一个路由，第二次点击时报错NavigationDuplicated。如图所示：对比另一个系统没有出现这个问题，对比两个系统使用的element-ui的版本果然不同。解决于是查看当前系统的package-lock.json中所使用的element-ui版本为2.8.2"element-ui": { "version": "2.8.2", "resolved": ...

2019-12-06 14:09:21 972

原创 echarts框选重点数据brush的使用

目的折线图，需要框选出重点的数据，突出显示。效果代码brush: { /* toolbox: ['rect'], */ xAxisIndex: 'all', yAxisIndex: 'all', transformable: false, throttleType: 'debounce', removeOnClick: false, ...

2019-12-06 13:56:29 6011

原创 element ui数字类型校验的问题

代码<el-dialog v-dialogDrag width="800px" :visible.sync="dialogVisible" @close="reset" > <el-form :model="deviceBox" :rules="rules" ref="deviceBox" label-width="100px"> <el-form-item ...

2019-12-06 13:39:35 5753

原创 el-dialog获取其中的dom节点方法

存在对话框：<el-dialog :visible.sync="dialogVisible"> <div id="devModel"></div></el-dialog>问题代码：this.dialogVisible = truelet dom = document.getElementById('devModel')console....

2019-12-06 13:33:51 3090 1

原创 vue中使用threejs的CSS2DRenderer的问题

引用与使用1、配置webpack.base.conf文件往CSS2DRenderer中导入THREE，配置webpack.base.conf文件如下：{ test: require.resolve("three/examples/js/renderers/CSS2DRenderer"), use: "imports-loader?THREE=three"}说明：当报错THREE未...

2019-12-06 13:26:45 7524

原创使用ShaderMaterial对导入的模型贴皮肤失败

关键代码let uniformsBuild = nulllet clockBuild = new THREE.Clock()uniformsBuild = { time: { value: 1.0 }}let material = new THREE.ShaderMaterial({ uniforms: uniformsBuild, vertexShader: document....

2019-12-06 11:32:56 566

Beam