<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[linziping的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/linziping</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; linziping]]></copyright><item><title><![CDATA[coze智能体发布成API并在WEB端进行对话调用]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/154073236</link><guid>https://blog.youkuaiyun.com/linziping/article/details/154073236</guid><author>linziping</author><pubDate>Wed, 29 Oct 2025 16:37:47 +0800</pubDate><description><![CDATA[扣子智能体发布为API，在WEB端进行对话调用]]></description><category></category></item><item><title><![CDATA[VUE3项目大华摄像头WEB端开发]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/154069504</link><guid>https://blog.youkuaiyun.com/linziping/article/details/154069504</guid><author>linziping</author><pubDate>Wed, 29 Oct 2025 14:38:58 +0800</pubDate><description><![CDATA[在VUE项目里播放大华摄像头视频画面方法]]></description><category></category></item><item><title><![CDATA[h5调用手机摄像头获取图片用于人脸识别]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/129910009</link><guid>https://blog.youkuaiyun.com/linziping/article/details/129910009</guid><author>linziping</author><pubDate>Sun, 02 Apr 2023 18:27:46 +0800</pubDate><description><![CDATA[h5调用手机摄像头获取图片用于人脸识别]]></description><category></category></item><item><title><![CDATA[海康web3.0控件实现在摄像头窗口多边形绘图]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/122239313</link><guid>https://blog.youkuaiyun.com/linziping/article/details/122239313</guid><author>linziping</author><pubDate>Thu, 30 Dec 2021 17:09:40 +0800</pubDate><description><![CDATA[海康web3.0控件实现在摄像头窗口多边形绘图]]></description><category></category></item><item><title><![CDATA[使用video视频帧作为图片源绘制canvas]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/122110416</link><guid>https://blog.youkuaiyun.com/linziping/article/details/122110416</guid><author>linziping</author><pubDate>Thu, 23 Dec 2021 16:26:15 +0800</pubDate><description><![CDATA[使用video视频帧作为图片源绘制canvas]]></description><category></category></item><item><title><![CDATA[海康Web3.0控件实现摄像头画面内联iframe网页预览]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/121970334</link><guid>https://blog.youkuaiyun.com/linziping/article/details/121970334</guid><author>linziping</author><pubDate>Thu, 16 Dec 2021 14:24:28 +0800</pubDate><description><![CDATA[使用海康web3.0控件实现摄像头画面内联iframe网页预览
1、安装WebComponentsKit.exe控件
注意：安装时，需关闭IE浏览器
2.安装控件后，启动IE浏览器，修改浏览器设置-Internet选项

3、下载相应版本的web3.0插件(64位/32位)
4、创建iframe.html页面作为显示画面的容器
&lt;body&gt;
    &lt;div id="divPlugin" class="plugin"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;sc]]></description><category></category></item><item><title><![CDATA[使用webpack手动创建vue2项目]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/120302484</link><guid>https://blog.youkuaiyun.com/linziping/article/details/120302484</guid><author>linziping</author><pubDate>Wed, 15 Sep 2021 15:03:10 +0800</pubDate><description><![CDATA[使用webpack手动创建vue2项目
1、创建项目文件夹

2、初始化项目
npm init 得到package.json

 注：需首先安装node

3、安装webpack
npm install webpack webpack-cli --save-dev
自动修改package.json，增加node_modules文件、package-lock.json文件

npm install webpack-dev-server  --save-dev (实现代码热更新功能)
4、安装依赖


安装ba]]></description><category></category></item><item><title><![CDATA[input输入框[type=file]上传图片文件转base64数据]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/109200332</link><guid>https://blog.youkuaiyun.com/linziping/article/details/109200332</guid><author>linziping</author><pubDate>Wed, 21 Oct 2020 14:23:27 +0800</pubDate><description><![CDATA[input输入框[type=file]上传图片文件转base64数据
1、input图片文件选择标签
&lt;input id="upload_file" type="file" accept="image/*"  /&gt;

2、获取input选择图片地址，并创建Image对象
$('#upload_file').change(function () {
    var url， imgbase64;
    
	//获取file对象URL 
    if (navigator.userAgent.in]]></description><category></category></item><item><title><![CDATA[使用three.js创建3D曲面]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/106426624</link><guid>https://blog.youkuaiyun.com/linziping/article/details/106426624</guid><author>linziping</author><pubDate>Fri, 29 May 2020 16:46:44 +0800</pubDate><description><![CDATA[使用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轴坐标值
]]></description><category></category></item><item><title><![CDATA[动态修改select2内容]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/106358679</link><guid>https://blog.youkuaiyun.com/linziping/article/details/106358679</guid><author>linziping</author><pubDate>Tue, 26 May 2020 16:36:56 +0800</pubDate><description><![CDATA[动态修改select2下拉列表内容
select2官方文档地址：http://select2.github.io/select2/#documentation
1、html代码及select2初始化
&lt;div class="form-group"&gt;
    &lt;label for="form_sl_class" class="control-label"&gt;******&lt;/label&gt;
    &lt;select class="form-control" id="form_]]></description><category></category></item><item><title><![CDATA[3ds Max、Maya安装Babylon.js插件导出gltf格式的3D模型文件方法]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/103974951</link><guid>https://blog.youkuaiyun.com/linziping/article/details/103974951</guid><author>linziping</author><pubDate>Tue, 14 Jan 2020 17:02:03 +0800</pubDate><description><![CDATA[3ds Max、Maya安装Babylon.js插件导出gltf格式的3D模型文件方法
1、去Github project Releases下载Babylon.js插件。
找到和自己安装的3ds Max或Maya版本相对应的包含插件的zip压缩文件，然后选中点击下载。
2、安装插件，以3ds Max安装Babylon插件为例
windows默认锁定所有来自web的.dll文件，所以首先我们必须先解...]]></description><category></category></item><item><title><![CDATA[javascript数组的map()、filter()、some()、every()、forEach()方法的区别]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/103973501</link><guid>https://blog.youkuaiyun.com/linziping/article/details/103973501</guid><author>linziping</author><pubDate>Tue, 14 Jan 2020 15:23:03 +0800</pubDate><description><![CDATA[javascript数组的map()、filter()、some()、every()、forEach()方法的区别
1、map()方法：该方法返回一个新的array,每一个元素为调用function逐一对原数组每个元素进行操作返回的结果，返回的新数组长度和原数组长度一样。
2、filter()方法：返回元素符合function筛选条件的新数组，新数组和原数组长度不一定一样。
3、some()方法:...]]></description><category></category></item><item><title><![CDATA[glTF格式介绍（1）——概要]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/103203786</link><guid>https://blog.youkuaiyun.com/linziping/article/details/103203786</guid><author>linziping</author><pubDate>Fri, 22 Nov 2019 16:54:09 +0800</pubDate><description><![CDATA[版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.youkuaiyun.com/qq_31709249/article/details/86477710

                                            glTF格式介绍总目录：https://blog.youkuaiyun.com/qq_3...]]></description><category></category></item><item><title><![CDATA[使用fbx2gltf把FBX3D模型转成glTF格式模型]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/103032477</link><guid>https://blog.youkuaiyun.com/linziping/article/details/103032477</guid><author>linziping</author><pubDate>Tue, 12 Nov 2019 16:58:12 +0800</pubDate><description><![CDATA[使用fbx2gltf把FBX3D模型转成glTF格式模型
1、安装node.js
2、使用npm安装fbx2gltf.js插件
打开命令行界面，进入node.js安装目录，执行如下命令：

安装完成后会在node_modules目录新增一个fbx2gltf文件：

3、使用fbx2gltf转换fbx文件为gltf文件
命令行界面进入fbx2gltf文件下的bin文件，然后根据平台选择进入相应目录，...]]></description><category></category></item><item><title><![CDATA[使用javascript获取DOM相邻元素]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/102560768</link><guid>https://blog.youkuaiyun.com/linziping/article/details/102560768</guid><author>linziping</author><pubDate>Tue, 15 Oct 2019 09:35:19 +0800</pubDate><description><![CDATA[函数：getNearEle
params
ele: 当前元素
type: 相邻元素类型，type=1相邻上一个元素，type=2相邻下一个元素

function getNearEle(ele, type){
	type = (type==1)?'previousSibling':'nextSibling';
	var nearEle = ele[type];
	while(nearEle){
...]]></description><category></category></item><item><title><![CDATA[obj文件、mtl文件结构说明]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/100739991</link><guid>https://blog.youkuaiyun.com/linziping/article/details/100739991</guid><author>linziping</author><pubDate>Wed, 11 Sep 2019 17:10:51 +0800</pubDate><description><![CDATA[mtl文件
obj文件是Alias|Wavefront公司开发的一种标准3D模型文件格式，适合用于3D软件模型之间的互导。
obj文件是一种文本文件，可以直接用写字板打开进行查看、编辑和修改，由一行行文本组成，注释行以符号“#”为开头，数据行由一两个标记字母也就是关键字开头，关键字解释了数据类型。若三维模型仅涉及直线和多边形，则使用到的关键字有以下几个。
obj文件使用的关键字
v:  表示本行指...]]></description><category></category></item><item><title><![CDATA[使用ZRender绘图时怎样设置线条末端线帽样式]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/99848558</link><guid>https://blog.youkuaiyun.com/linziping/article/details/99848558</guid><author>linziping</author><pubDate>Tue, 20 Aug 2019 15:47:05 +0800</pubDate><description><![CDATA[最近做一个项目需要用到绘画，引用了ZRender插件，因为需要给线条设置圆形线帽，发现文档中并没有线条末端线帽样式的设置方式，于是查看了一下ZRender源码，修改了部分一点源码，可以自定义线帽样式。
lineCap属性
Canvas使用lineCap属性设置或返回线条末端线帽的样式。
lineCap属性值介绍：
butt：向线条的每个末端添加平直的边缘
round：向线条的每个末端添加圆形线帽
...]]></description><category></category></item><item><title><![CDATA[border-collapse、border-radius应用于表格table时的问题]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/95589061</link><guid>https://blog.youkuaiyun.com/linziping/article/details/95589061</guid><author>linziping</author><pubDate>Fri, 12 Jul 2019 09:45:51 +0800</pubDate><description><![CDATA[前几天做项目要给表格添加圆角，发现table应用border-radius不起作用，后来查资料了解到表格的border-collapse属性值为collapse时与border-radius有冲突，导致border-radius不起作用；
解决方案：
1、把表格的border-collapse属性值设为separate；
2、使用div标签包裹table标签，给div应用边框border、圆角bo...]]></description><category></category></item><item><title><![CDATA[基于echarts树图画组织结构图]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/93095447</link><guid>https://blog.youkuaiyun.com/linziping/article/details/93095447</guid><author>linziping</author><pubDate>Thu, 20 Jun 2019 18:54:12 +0800</pubDate><description><![CDATA[基于echarts树图画组织结构图
1、下载echarts插件
官网地址：https://echarts.baidu.com/
下载地址：https://echarts.baidu.com/download.html
2、页面引入插件并初始化
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
	...
	&lt;style type="text/cs...]]></description><category></category></item><item><title><![CDATA[创建jQgrid树形表格]]></title><link>https://blog.youkuaiyun.com/linziping/article/details/90720733</link><guid>https://blog.youkuaiyun.com/linziping/article/details/90720733</guid><author>linziping</author><pubDate>Fri, 31 May 2019 17:58:48 +0800</pubDate><description><![CDATA[创建 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...]]></description><category></category></item></channel></rss>