- 博客(25)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 海康Web3.0控件实现摄像头画面内联iframe网页预览
使用海康web3.0控件实现摄像头画面内联iframe网页预览1、安装WebComponentsKit.exe控件注意：安装时，需关闭IE浏览器2.安装控件后，启动IE浏览器，修改浏览器设置-Internet选项3、下载相应版本的web3.0插件(64位/32位)4、创建iframe.html页面作为显示画面的容器<body> <div id="divPlugin" class="plugin"></div></body><sc
2021-12-16 14:24:28
5754
3
原创 使用webpack手动创建vue2项目
使用webpack手动创建vue2项目1、创建项目文件夹2、初始化项目npm init 得到package.json 注：需首先安装node3、安装webpacknpm install webpack webpack-cli --save-dev自动修改package.json，增加node_modules文件、package-lock.json文件npm install webpack-dev-server --save-dev (实现代码热更新功能)4、安装依赖安装ba
2021-09-15 15:03:10
1969
2
原创 input输入框[type=file]上传图片文件转base64数据
input输入框[type=file]上传图片文件转base64数据1、input图片文件选择标签<input id="upload_file" type="file" accept="image/*" />2、获取input选择图片地址，并创建Image对象$('#upload_file').change(function () { var url， imgbase64; //获取file对象URL if (navigator.userAgent.in
2020-10-21 14:23:27
2541
1
原创 使用three.js创建3D曲面
使用three.js创建3D自定义曲面1、使用PlaneGeometry创建平面几何体 var width = 10, height = 6； var width_segments = 1, height_segments = 39; // 平面几何体长宽面分段数 var plane = new THREE.PlaneGeometry(width, height, width_segments, height_segments); // 创建平面几何体2、修改平面几何体顶点队列的Z轴坐标值
2020-05-29 16:46:44
4838
7
原创 动态修改select2内容
动态修改select2下拉列表内容select2官方文档地址：http://select2.github.io/select2/#documentation1、html代码及select2初始化<div class="form-group"> <label for="form_sl_class" class="control-label">******</label> <select class="form-control" id="form_
2020-05-26 16:36:56
1858
翻译 3ds Max、Maya安装Babylon.js插件导出gltf格式的3D模型文件方法
3ds Max、Maya安装Babylon.js插件导出gltf格式的3D模型文件方法1、去Github project Releases下载Babylon.js插件。找到和自己安装的3ds Max或Maya版本相对应的包含插件的zip压缩文件，然后选中点击下载。2、安装插件，以3ds Max安装Babylon插件为例windows默认锁定所有来自web的.dll文件，所以首先我们必须先解...
2020-01-14 17:02:03
29362
21
原创 javascript数组的map()、filter()、some()、every()、forEach()方法的区别
javascript数组的map()、filter()、some()、every()、forEach()方法的区别1、map()方法：该方法返回一个新的array,每一个元素为调用function逐一对原数组每个元素进行操作返回的结果，返回的新数组长度和原数组长度一样。2、filter()方法：返回元素符合function筛选条件的新数组，新数组和原数组长度不一定一样。3、some()方法:...
2020-01-14 15:23:03
317
转载 glTF格式介绍（1）——概要
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/qq_31709249/article/details/86477710 glTF格式介绍总目录：https://blog.csdn.net/qq_3...
2019-11-22 16:54:09
1629
原创 使用fbx2gltf把FBX3D模型转成glTF格式模型
使用fbx2gltf把FBX3D模型转成glTF格式模型1、安装node.js2、使用npm安装fbx2gltf.js插件打开命令行界面，进入node.js安装目录，执行如下命令：安装完成后会在node_modules目录新增一个fbx2gltf文件：3、使用fbx2gltf转换fbx文件为gltf文件命令行界面进入fbx2gltf文件下的bin文件，然后根据平台选择进入相应目录，...
2019-11-12 16:58:12
17441
9
原创 使用javascript获取DOM相邻元素
函数：getNearEleparamsele: 当前元素type: 相邻元素类型，type=1相邻上一个元素，type=2相邻下一个元素function getNearEle(ele, type){ type = (type==1)?'previousSibling':'nextSibling'; var nearEle = ele[type]; while(nearEle){...
2019-10-15 09:35:19
4199
1
原创 obj文件、mtl文件结构说明
mtl文件obj文件是Alias|Wavefront公司开发的一种标准3D模型文件格式，适合用于3D软件模型之间的互导。obj文件是一种文本文件，可以直接用写字板打开进行查看、编辑和修改，由一行行文本组成，注释行以符号“#”为开头，数据行由一两个标记字母也就是关键字开头，关键字解释了数据类型。若三维模型仅涉及直线和多边形，则使用到的关键字有以下几个。obj文件使用的关键字v: 表示本行指...
2019-09-11 17:10:51
31738
原创 使用ZRender绘图时怎样设置线条末端线帽样式
最近做一个项目需要用到绘画，引用了ZRender插件，因为需要给线条设置圆形线帽，发现文档中并没有线条末端线帽样式的设置方式，于是查看了一下ZRender源码，修改了部分一点源码，可以自定义线帽样式。lineCap属性Canvas使用lineCap属性设置或返回线条末端线帽的样式。lineCap属性值介绍：butt：向线条的每个末端添加平直的边缘round：向线条的每个末端添加圆形线帽...
2019-08-20 15:47:05
1790
原创 border-collapse、border-radius应用于表格table时的问题
前几天做项目要给表格添加圆角，发现table应用border-radius不起作用，后来查资料了解到表格的border-collapse属性值为collapse时与border-radius有冲突，导致border-radius不起作用；解决方案：1、把表格的border-collapse属性值设为separate；2、使用div标签包裹table标签，给div应用边框border、圆角bo...
2019-07-12 09:45:51
1021
原创 基于echarts树图画组织结构图
基于echarts树图画组织结构图1、下载echarts插件官网地址：https://echarts.baidu.com/下载地址：https://echarts.baidu.com/download.html2、页面引入插件并初始化<!DOCTYPE html><html> <head> ... <style type="text/cs...
2019-06-20 18:54:12
13656
6
原创 创建jQgrid树形表格
创建 jQgrid树形表格官网地址：http://www.trirand.com/jqgridwiki/doku.php?id=wiki:oftreegrid案例地址：https://blog.mn886.net/jqGrid/1、编写html页面引入相应插件文件jQgrid基于jQuery库，首先要引入jQuery.js；表格样式使用了boostrap，引入了boostrap.min.c...
2019-05-31 17:58:48
3659
3
原创 jQuery slimScroll窗口resize时重新调整滚动区域尺寸
jQuery slimScroll窗口resize时重新调整尺寸在使用slimScroll时，不支持resize调整；今天看了一下源码，修改部分源码使支持resize;function setScroll(){ $(".box-list").slimScroll({ height: boxHeight, alwaysVisible: true, });}...
2019-05-23 17:36:26
915
原创 字符串转成unicode转码
把字符串转成unicode编码思路1、判断字符串是否为空2、若不为空，根据字符串长度length，循环遍历字符串，使用charCodeAt方法逐个转成unicode编码3、返回unicode编码方法/**把给定字符串转成unicode编码*str:待转吗字符串*/function toUnicode(str){ if(!str){ return; } var codeStr...
2019-04-19 09:36:44
3626
1
原创 javascript生成指定位数的随机字符串
使用javascript生成指定位数的随机字符串思路：1、声明英文大小写字母和数字组成的字符串chars2、根据指定长度进行循环遍历，随机生成不大于chars字符串长度的值，chars 根据该数值使用charAt获取该为字符3、返回指定位数的字符串实现代码：/**生成指定位数的随机字符串*len: 给定随机字符串长度*/function randomString(len){ ...
2019-04-17 09:48:27
4813
原创 uni-app在公共js文件里使用另一个js文件里的方法
在 uni-app 项目根目录下创建 common 目录，然后在 common 目录下新建 js文件用于定义公用的方法。如果定义多个js文件，并且多个公共js文件配合使用，则需要import引入相应的js文件。例子1、在common文件定义公共方法2.在quickpay.js引入util-MD5.js，并使用2.1引入util-MD5.js文件2.2 在quickp...
2019-04-13 18:41:13
26404
原创 javascript根据当前日期获取给定天数的日历表
根据当前日期获取给定天数的日历表思路：1、获取当前日期2、获取当月的第一天日期3、从当月第一天开始，根据给定天数循环遍历，小于当前日期时，设置不可用状态；大于等于当前日期时，设置可用状态，同时更改遍历条件4、根据最后一天所在月份，遍历出该月剩余日期，设置不可用状态5、返回日历数组示例代码/** 根据当前日期获取给定天数的日历表* days: 给定天数*/function c...
2019-04-03 10:02:25
959
原创 百度地图显示问题
浏览百度地图发现的问题今天下午用百度地图搜地名的时候，发现地图在缩放到一定精度时，会密密麻麻显示很多地名，导致地图不能正常预览，不知道是不是地图显示的一个bug。下面是东莞市的地图显示情况：...
2019-04-02 16:05:47
375
1
原创 在js中html标签id会被当做变量处理?
在js中html标签id会被当做变量处理?今天在书写代码时，因为失误在js中使用了一个没有定义的变量，代码运行报错，在控制台输出该变量时，输出一段html标签语句，感到很奇怪！搜索整个js文件，都没有发现对该变量进行过声明、赋值，后来发现在html文档中有使用该变量名称的标签id，并且在控制台输出该id，其结果和使用document.getElementById(ID)的竟然结果一致。...
2019-01-16 16:18:56
2422
读取图像的元数据拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据
2023-04-02
H.264视频编码,官网下载的JM源码，运行不成功
2016-03-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人