Three.js 实现简单的PCD加载器（可从本地读取pcd文件）【附完整代码】

1 功能实现

  • 初始会显示我们之前 SfM 做出的点云，包括相机位置
  • 可以点击右上角加载你本地的PCD文件
  • 可以通过选择多个文件加载多个点云并显示在同一场景中
  • 可以通过左上角的控制界面查看/调整点云的属性，如点大小、颜色等
  • 可以通过右上角的控制界面选择旋转 / 显示点云颜色（只有有颜色数据的PCD点云在开启该选项后会显示原本的颜色，其他的会消失）
  • 窗口大小变化时，渲染器和相机会自动适应新的窗口尺寸

实现效果：

brief

2 具体实现

本项目是基于 Three.js 实现的简单一个Web应用程序，用于可视化三维点云数据。具体目的包括：

  1. 使用Three.js库创建三维场景
  2. 实现点云数据的加载、显示和交互控制
  3. 实现的用户界面（GUI）设置和控制
  4. 处理多个点云数据的加载和展示

使用 VSCode 的 Live Serve 搭建网络编程的环境，采用CDN的方式引入 Three.js (版本：r158)

2.1 html

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>PCD visulize</title>
	<style>
		body {
			margin: 0;
		}
	</style>
</head>

<body>

	<script type="importmap">
		{
		  "imports": {
			"three": "https://cdn.jsdelivr.net/npm/three@0.158.0/build/three.module.js",
			"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.158.0/examples/jsm/"
		  }
		}
	  </script>

	<script type="module" src="js/main.js"> </script>
</body>

</html>

2.2 js

在 js 文件中就是我们的主要实现内容了

2.2.1 引入

由之前的 html 文件中定义的 importmap，其定义了：three和three/addons/，我们就可以采用官方的 import 路径了，之后要改变引入 Three.js 的方式也只需要在 importmap 中修改即可

import * as THREE from 'three';
import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
import { PCDLoader } from 'three/addons/loaders/PCDLoader.js';
import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
2.2.2 Three.js 三大件

场景（Scene），相机（Camera），渲染器（Renderer）

同时设置窗口被调整大小时，使画布，相机自适应改变

const scene = new THREE.Scene();

const camera = new THREE.PerspectiveCamera(80, window.innerWidth / window.innerHeight, 0.01, 10000000);
camera.position.set(0, 0, 10);

const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// onresize 事件会在窗口被调整大小时发生
window.onresize = function () {
    // 重置渲染器输出画布，相机
    renderer.setSize(window.innerWidth, window.innerHeight);
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
};
2.2.3 GUI

创建一个用于调整与点云相关参数的图形用户界面

初始化了一个 GUI 实例，然后定义了一个 resetGUI 函数，该函数销毁现有的 GUI 并创建一个新的 GUI —— 为了之后选择新文件时刷新GUI

var gui = new GUI();
var attributesFolder = gui.addFolder('点云设置');
gui.domElement.style.left = '0px';

function resetGUI() {
    // 删除之前的GUI
    gui.destroy();

    // 创建一个新的GUI实例
    gui = new GUI();
    // gui.add(isRotation, 'bool').name('旋转');
    attributesFolder = gui.addFolder('点云设置');
    gui.domElement.style.left = '0px';
}
2.2.4 初始点云显示

  1. 创建了四个辅助相机并将它们添加到场景中；为每个辅助相机应用了一个变换矩阵，这个矩阵定义了相机的位置和方向

    没什么用，之后加载其他pcd时就会被删除，主要拿来应付一下实验要求的

  2. 加载了一个点云文件，并将其添加到场景中

  3. 在 GUI 中添加了一个文件夹，用于显示和修改点云的属性

  4. 创建了四个 camera helper 并将它们添加到场景中

// 创建四个透视相机 ———— 作为生成该点云的相机展示
var helpCamera = [];
for (let i = 0; i < 4; i++) {
    helpCamera[i] = new THREE.PerspectiveCamera(60, 1, 0.1, 0.4);
    scene.add(helpCamera[i]);
}

// 用SfM中de'dao定义相机变换矩阵，并应用到相应的相机上
const transformMatrix0 = new THREE.Matrix4();
// ... (矩阵参数)
helpCamera[0].applyMatrix4(transformMatrix0);

// 同理，为其他相机定义矩阵并应用
// transformMatrix1, transformMatrix2, transformMatrix3

// 创建点云加载器
const loader = new PCDLoader();
// 加载点云模型
loader.load("./images/point_cloud.pcd", function (points) {
    // 将点云几何居中并绕X轴旋转180度
    points.geometry.center();
    points.geometry.rotateX(Math.PI);

    // 创建点云材质
    const material = new THREE.PointsMaterial({ color: 0xffffff, size: 0.08, vertexColors: true });

    // 创建点云对象
    const pointCloud = new THREE.Points(points.geometry, material);
    scene.add(pointCloud);

    // 使四个相机朝向点云
    for (let i = 0; i < helpCamera.length; i++) {
        helpCamera[i].lookAt(pointCloud.position);
    }

    // 在 GUI 中添加点云相关设置
    const folder = attributesFolder.addFolder(`点云 0`);
    const text = { pointsNum: points.geometry.attributes.position.count, file: "初始pcd" };
    folder.add(text, 'file').name('文件');
    folder.add(text, 'pointsNum').name('点数');
    folder.add(material, 'size', 0, 2).name('点大小');
    folder.addColor(material, 'color').name('点颜色');
    folder.add(material, 'vertexColors').name('显示顶点颜色').onChange(function () {
        material.needsUpdate = true; // 需要手动更新材质，否则没作用
    });

    // 为每个相机创建CameraHelper对象并显示出来
    const helpers = [];
    for (let i = 0; i < 4; i++) {
        helpers[i] = new THREE.CameraHelper(helpCamera[i]);
        scene.add(helpers[i]);
    }
});
2.2.5 上传显示PCD
  1. 文件选择和按钮：
    • 创建了一个按钮和一个 input 元素，用于触发文件选择
    • 按钮的点击事件触发了 input 的点击，以便用户选择文件
// 用于控制是否旋转的变量
const isRotation = { bool: false };

// 创建文件选择的 input 元素和按钮
const input = document.createElement('input');
const button = document.createElement('button');
button.textContent = '选择文件 (可选择多个)';
button.style.position = 'absolute';
button.style.top = '10px';
button.style.right = '10px';

// 当按钮被点击时触发文件选择
button.onclick = function () {
    input.click();
};
document.body.appendChild(button);

// 配置 input 元素的属性
input.type = 'file';
input.accept = '.pcd';
input.multiple = true;
input.style.display = 'none';
  1. 文件选择回调函数：
  • 当文件选择发生变化时，触发了 onchange 事件，对选中的每个文件进行处理
  • 清除场景中之前的点云和相机助手 CameraHelper
  • 对选中的每个文件，使用 FileReader 读取文件内容，然后使用 PCDLoader 加载点云数据
  • 加载后，对点云进行几何变换，创建点云材质，以及相应的点云对象
// 当文件选择发生变化时触发的回调函数
input.onchange = function (event) {

    // 获取选中的文件列表
    const files = event.target.files;
    const materials = [];
    const pointClouds = [];

    // 清除场景中所有点云和CameraHelper
    for (let i = 0; i < scene.children.length; i++) {
        const object = scene.children[i];
        scene.remove(object);
    }

    for (let i = 0; i < 4; i++) {
        scene.remove(helpers[i]);
    }

    // 遍历选中的每个文件
    for (let i = 0; i < files.length; i++) {
        const file = files[i];
        const reader = new FileReader();

        // 读取文件
        reader.readAsDataURL(file);
        reader.onload = function () {
            const data = reader.result; // data 就是该文件的 URL

            // 使用 PCDLoader 加载点云数据
            const loader = new PCDLoader();
            loader.load(data, function (points) {
                // 移除场景中的第一个对象（之前的点云）
                scene.remove(scene.children[0]);

                // 对点云进行一些几何变换
                points.geometry.center();
                points.geometry.rotateX(Math.PI);

                // 创建点云材质
                var material = new THREE.PointsMaterial({ color: Math.random() * 0xffffff, size: 0.1, vertexColors: false });
                materials.push(material);

                // 创建点云对象
                const pointCloud = new THREE.Points(points.geometry, material);
                pointClouds.push(pointCloud);

                // 当所有点云数据都加载完成后
                if (pointClouds.length === files.length) {
                    // 将所有点云添加到场景中
                    for (let j = 0; j < pointClouds.length; j++) {
                        scene.add(pointClouds[j]);
                    }

                    // 重置 GUI
                    resetGUI();

                    // 在 GUI 中添加是否旋转的控制按钮
                    gui.add(isRotation, 'bool').name('旋转');

                    // 为每个点云创建 GUI 控件
                    for (let j = 0; j < materials.length; j++) {
                        const material = materials[j];
                        const points = pointClouds[j];
                        const file = files[j];

                        // 为每个点云创建一个文件夹
                        const folder = attributesFolder.addFolder(`点云 ${j + 1}`);

                        // 添加文件和点数信息到 GUI
                        const text = { pointsNum: points.geometry.attributes.position.count, file: file.name };
                        folder.add(text, 'file').name('文件');
                        folder.add(text, 'pointsNum').name('点数');

                        // 添加控制点云的点大小、颜色等属性到 GUI
                        folder.add(material, 'size', 0, 2).name('点大小');
                        folder.addColor(material, 'color').name('点颜色');
                        folder.add(material, 'vertexColors').name('显示顶点颜色').onChange(function () {
                            material.needsUpdate = true; // 手动更新材质
                        });
                    }

                    // 设置相机的位置为点云的中心，再向后移动一段距离
                    const box = new THREE.Box3().setFromObject(scene);
                    const center = box.getCenter(new THREE.Vector3());
                    const size = box.getSize(new THREE.Vector3());
                    camera.position.copy(center);
                    camera.position.z += size.length();
                    camera.lookAt(center);
                }
            });
        };
    }
};
2.2.6 主循环

一个简单的主循环

function animate() {
    // 如果 isRotation.bool 为真，则在每一帧中旋转场景
    if (isRotation.bool) {
        scene.rotation.y += 0.005;
    }

    // 渲染场景
    renderer.render(scene, camera);

    // 通过递归调用自身，实现持续动画
    requestAnimationFrame(animate);
}

// 初始调用动画函数
animate();

2.3 完整代码（js）

html 的代码之前已经完整给出，下面为 main.js 的完整代码：

import * as THREE from 'three';
import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
import { PCDLoader } from 'three/addons/loaders/PCDLoader.js';
import { GUI } from 'three/addons/libs/lil-gui.module.min.js';

const scene = new THREE.Scene();

const camera = new THREE.PerspectiveCamera(80, window.innerWidth / window.innerHeight, 0.01, 10000000);
camera.position.set(0, 0, 10);

const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 简单文字介绍放在页面最上端
const title1 = document.createElement('h4');
title1.textContent = 'PLUS-WAVE\'s PCD加载器';
title1.style.position = 'absolute';
title1.style.top = '1%';
title1.style.left = '42%';
title1.style.color = 'white';
document.body.appendChild(title1);

const title2 = document.createElement('h5');
title2.innerHTML = '点击右上角按钮选择文件<br>(看不见点云的话记得改改颜色或者缩放)';
title2.style.position = 'absolute';
title2.style.top = '4%';
title2.style.left = '41%';
title2.style.color = 'white';
title2.style.textAlign = 'center';
document.body.appendChild(title2);

const controls = new OrbitControls(camera, renderer.domElement);

var gui = new GUI();
var attributesFolder = gui.addFolder('点云设置');
gui.domElement.style.left = '0px';


function resetGUI() {
    // 删除之前的GUI
    gui.destroy();

    // 创建一个新的GUI实例
    gui = new GUI();
    // gui.add(isRotation, 'bool').name('旋转');
    attributesFolder = gui.addFolder('点云设置');
    gui.domElement.style.left = '0px';

}

// 创建四个透视相机 ———— 作为生成该点云的相机展示
var helpCamera = [];
for (let i = 0; i < 4; i++) {
    helpCamera[i] = new THREE.PerspectiveCamera(60, 1, 0.1, 0.4);
    scene.add(helpCamera[i]);
}

// 用SfM中de'dao定义相机变换矩阵，并应用到相应的相机上
const transformMatrix0 = new THREE.Matrix4();
transformMatrix0.set(
    0.9635227966591445, -0.0298251417806896, -0.2659591721221557, -3.1861460134378618,
    0.04168012934974072, 0.9983679551673119, 0.03904091331448917, -0.0658694912288581,
    0.264360714054735, -0.04870202267670474, 0.963193400024973, 1.701830863209624117,
    0, 0, 0, 1
);
helpCamera[0].applyMatrix4(transformMatrix0);

const transformMatrix1 = new THREE.Matrix4();
transformMatrix1.set(
    0.8671344194352608, -0.01285630331924969, -0.4979082386300075, -1.981515886805006,
    0.03166906549661311, 0.9990671872561505, 0.02935686697614572, -0.0212592897059282,
    0.4970663626933977, -0.04122463842227529, 0.8667326925100427, 2.75149718348900723,
    0, 0, 0, 1
);
helpCamera[1].applyMatrix4(transformMatrix1);

const transformMatrix2 = new THREE.Matrix4();
transformMatrix2.set(
    0.7024094659673048, -0.007144654873624021, -0.711737238049452, -2.685856668225444,
    0.09031055886130245, 0.9927625554048429, 0.07916130079909767, -0.0514197827631538,
    0.7060204990492023, -0.1198810347502172, 0.6979710541487608, 2.332535510893329,
    0, 0, 0, 1
);
helpCamera[2].applyMatrix4(transformMatrix2);

const transformMatrix3 = new THREE.Matrix4();
transformMatrix3.set(
    0.5308375671028522, 0.00925889315102485, -0.8474230054995811, -3.381832006499801,
    0.1320681431688673, 0.9868199683489367, 0.09351125936341173, -0.0917595736102196,
    0.8371197542241209, -0.1615568722321077, 0.5226183063406084, 1.036010012067961,
    0, 0, 0, 1
);
helpCamera[3].applyMatrix4(transformMatrix3);


const helpers = [];

// 创建点云加载器
const loader = new PCDLoader();
// 加载点云模型
loader.load("./images/point_cloud.pcd", function (points) {
    // 将点云几何居中并绕X轴旋转180度
    points.geometry.center();
    points.geometry.rotateX(Math.PI);

    // 创建点云材质
    const material = new THREE.PointsMaterial({ color: 0xffffff, size: 0.08, vertexColors: true });

    // 创建点云对象
    const pointCloud = new THREE.Points(points.geometry, material);
    scene.add(pointCloud);

    // 使四个相机朝向点云
    for (let i = 0; i < helpCamera.length; i++) {
        helpCamera[i].lookAt(pointCloud.position);
    }

    // 在 GUI 中添加点云相关设置
    const folder = attributesFolder.addFolder(`点云 0`);
    const text = { pointsNum: points.geometry.attributes.position.count, file: "初始pcd" };
    folder.add(text, 'file').name('文件');
    folder.add(text, 'pointsNum').name('点数');
    folder.add(material, 'size', 0, 2).name('点大小');
    folder.addColor(material, 'color').name('点颜色');
    folder.add(material, 'vertexColors').name('显示顶点颜色').onChange(function () {
        material.needsUpdate = true; // 需要手动更新材质，否则没作用
    });

    // 为每个相机创建CameraHelper对象并显示出来
    const helpers = [];
    for (let i = 0; i < 4; i++) {
        helpers[i] = new THREE.CameraHelper(helpCamera[i]);
        scene.add(helpers[i]);
    }
});


// 用于控制是否旋转的变量
const isRotation = { bool: false };

// 创建文件选择的 input 元素和按钮
const input = document.createElement('input');
const button = document.createElement('button');
button.textContent = '选择文件 (可选择多个)';
button.style.position = 'absolute';
button.style.top = '10px';
button.style.right = '10px';

// 当按钮被点击时触发文件选择
button.onclick = function () {
    input.click();
};
document.body.appendChild(button);

// 配置 input 元素的属性
input.type = 'file';
input.accept = '.pcd';
input.multiple = true;
input.style.display = 'none';

// 当文件选择发生变化时触发的回调函数
input.onchange = function (event) {

    // 获取选中的文件列表
    const files = event.target.files;
    const materials = [];
    const pointClouds = [];

    // 清除场景中所有点云和CameraHelper
    for (let i = 0; i < scene.children.length; i++) {
        const object = scene.children[i];
        scene.remove(object);
    }

    for (let i = 0; i < 4; i++) {
        scene.remove(helpers[i]);
    }

    // 遍历选中的每个文件
    for (let i = 0; i < files.length; i++) {
        const file = files[i];
        const reader = new FileReader();

        // 读取文件
        reader.readAsDataURL(file);
        reader.onload = function () {
            const data = reader.result; // data 就是该文件的 URL

            // 使用 PCDLoader 加载点云数据
            const loader = new PCDLoader();
            loader.load(data, function (points) {
                // 移除场景中的第一个对象（之前的点云）
                scene.remove(scene.children[0]);

                // 对点云进行一些几何变换
                points.geometry.center();
                points.geometry.rotateX(Math.PI);

                // 创建点云材质
                var material = new THREE.PointsMaterial({ color: Math.random() * 0xffffff, size: 0.1, vertexColors: false });
                materials.push(material);

                // 创建点云对象
                const pointCloud = new THREE.Points(points.geometry, material);
                pointClouds.push(pointCloud);

                // 当所有点云数据都加载完成后
                if (pointClouds.length === files.length) {
                    // 将所有点云添加到场景中
                    for (let j = 0; j < pointClouds.length; j++) {
                        scene.add(pointClouds[j]);
                    }

                    // 重置 GUI
                    resetGUI();

                    // 在 GUI 中添加是否旋转的控制按钮
                    gui.add(isRotation, 'bool').name('旋转');

                    // 为每个点云创建 GUI 控件
                    for (let j = 0; j < materials.length; j++) {
                        const material = materials[j];
                        const points = pointClouds[j];
                        const file = files[j];

                        // 为每个点云创建一个文件夹
                        const folder = attributesFolder.addFolder(`点云 ${j + 1}`);

                        // 添加文件和点数信息到 GUI
                        const text = { pointsNum: points.geometry.attributes.position.count, file: file.name };
                        folder.add(text, 'file').name('文件');
                        folder.add(text, 'pointsNum').name('点数');

                        // 添加控制点云的点大小、颜色等属性到 GUI
                        folder.add(material, 'size', 0, 2).name('点大小');
                        folder.addColor(material, 'color').name('点颜色');
                        folder.add(material, 'vertexColors').name('显示顶点颜色').onChange(function () {
                            material.needsUpdate = true; // 手动更新材质
                        });
                    }

                    // 设置相机的位置为点云的中心，再向后移动一段距离
                    const box = new THREE.Box3().setFromObject(scene);
                    const center = box.getCenter(new THREE.Vector3());
                    const size = box.getSize(new THREE.Vector3());
                    camera.position.copy(center);
                    camera.position.z += size.length();
                    camera.lookAt(center);
                }
            });
        };
    }
};



// onresize 事件会在窗口被调整大小时发生
window.onresize = function () {
    // 重置渲染器输出画布，相机
    renderer.setSize(window.innerWidth, window.innerHeight);
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
};



function animate() {
    // 如果 isRotation.bool 为真，则在每一帧中旋转场景
    if (isRotation.bool) {
        scene.rotation.y += 0.005;
    }

    // 渲染场景
    renderer.render(scene, camera);

    // 通过递归调用自身，实现持续动画
    requestAnimationFrame(animate);
}

// 初始调用动画函数
animate();

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/128955.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

Linux下内网穿透实现云原生观测分析工具的远程访问

Linux下内网穿透实现云原生观测分析工具的远程访问

&#x1f4d1;前言 本文主要是Linux下内网穿透实现云原生观测分析工具的远程访问设置的文章&#xff0c;如果有什么需要改进的地方还请大佬指出⛺️ &#x1f3ac;作者简介&#xff1a;大家好&#xff0c;我是青衿&#x1f947; ☁️博客首页&#xff1a;CSDN主页放风讲故事 &…
阅读更多...
C++20 Text formatting

C++20 Text formatting

C20 Text formatting 格式化字符串&#xff0c; 和 python 类似。 std::formatter - cppreference.com string — Common string operations — Python 3.12.0 documentation 新格式库位于 <format> 头文件中。格式库基于 Python3 中的 str.format() 方法建模。格式…
阅读更多...
一文6个步骤带你实现接口测试入门！

一文6个步骤带你实现接口测试入门！

一、接口测试概述 1 什么是接口测试&#xff1a; 接口测试是测试系统组件间交互的一种测试。接口测试主要用于检测外部系统与系统之间&#xff0c;内部各个子系统之间的交互点。测试的重点是要检查数据的交换&#xff0c;传递和控制管理过程&#xff0c;以及系统间的相互逻辑…
阅读更多...
直播会议一体机安卓主板_5G智能会议一体机双屏异显设计

直播会议一体机安卓主板_5G智能会议一体机双屏异显设计

5G直播会议一体机主板是专门为支持音视频输入输出而设计的&#xff0c;内置有安卓13系统&#xff0c;可兼容多种直播和会议软件。该产品可广泛应用于智能会议一体机、便携式直播设备、录播导播、无人机直播以及视频传输等多个领域。 这款主板采用了国产6纳米旗舰芯片紫光展锐T8…
阅读更多...
ChatRule：基于知识图推理的大语言模型逻辑规则挖掘11.10

ChatRule：基于知识图推理的大语言模型逻辑规则挖掘11.10

ChatRule&#xff1a;基于知识图推理的大语言模型逻辑规则挖掘 摘要引言相关工作初始化和问题定义方法实验 摘要 逻辑规则对于揭示关系之间的逻辑联系至关重要&#xff0c;这可以提高推理性能并在知识图谱&#xff08;KG&#xff09;上提供可解释的结果。虽然已经有许多努力&a…
阅读更多...
前端 a链接 如何实现下载功能

前端 a链接 如何实现下载功能

目录 前言 标签 download a 标签链接下载的实现 1. 整体流程 2. 实现步骤 3. 类图 4. 代码示例 download 使用注意点 1. 同源 URL 的限制 2. 不能携带 Header Blob 转换 方法1. 用作 URL&#xff08;blob:&#xff09; 方法2. 转换为 base64&#xff08;data:&…
阅读更多...
无人机航迹规划：五种最新智能优化算法（COA、SWO、KOA、GRO、LO）求解无人机路径规划MATLAB

无人机航迹规划：五种最新智能优化算法（COA、SWO、KOA、GRO、LO）求解无人机路径规划MATLAB

一、五种算法&#xff08;LSO、SWO、KOA、GRO、LO&#xff09;简介 1、小龙虾优化算法COA 小龙虾优化算法&#xff08;Crayfsh optimization algorithm&#xff0c;COA&#xff09;由Jia Heming 等人于2023年提出&#xff0c;该算法模拟小龙虾的避暑、竞争和觅食行为&#xf…
阅读更多...
数据分析实战 | 线性回归——女性身高与体重数据分析

数据分析实战 | 线性回归——女性身高与体重数据分析

目录 一、数据集及分析对象 二、目的及分析任务 三、方法及工具 四、数据读入 五、数据理解 六、数据准备 七、模型训练 八、模型评价 九、模型调参 十、模型预测 实现回归分析类算法的Python第三方工具包比较常用的有statsmodels、statistics、scikit-learn等&#…
阅读更多...
【CASS精品教程】cass 3d基于osgb三维模型生成等高线的两种方法

【CASS精品教程】cass 3d基于osgb三维模型生成等高线的两种方法

对于植被、房屋稀少的地方，可以基于osgb模型直接生成等高线。本文讲解在cass11.0 3d中基于osgb三维模型生成等高线的两种方法。 一、加载osgb三维模型 二、生成等高线 1. 绘制等高线 cass11版本提供了绘制单个等高线的功能。 点击【绘制等高线】，提示输入等高距。 输入固定…
阅读更多...
MySQL的高阶语句

MySQL的高阶语句

数据库的权限一般很小&#xff0c;工作中使用最多的场景就是查 排序、分组、子查询、视图、多表连接查询&#xff08;左连接、右连接、内连接&#xff09; create TABLE info ( id int(4) primary key, NAME varchar(5) not null, score decimal(5,2), address varchar(20)…
阅读更多...
渗透测试必备工具--Metasploit（流程梳理与meterpreter权限分析）

渗透测试必备工具--Metasploit（流程梳理与meterpreter权限分析）

目录 一、攻击前期准备必会的命令&#xff08;msf流程&#xff09; 1、启动&#xff1a;msfdb run 或者 msfconsole 2、Payload生成&#xff1a;msfvenom 3、查找相关模块&#xff1a;search 4、选择使用模块&#xff1a;use 5、返回上一层&#xff1a;back 6、查看需要…
阅读更多...
猫罐头哪家好？宠物店自用的5款猫罐头推荐！猫咪嘎嘎炫~

猫罐头哪家好？宠物店自用的5款猫罐头推荐！猫咪嘎嘎炫~

亲爱的铲屎官们&#xff0c;你们是否会为猫咪选购猫罐头而感到烦恼&#xff1f;你们是否渴望了解哪些猫罐头在宠物界有着良好的口碑&#xff1f;猫罐头&#xff0c;作为猫咪日常饮食中的重要组成部分&#xff0c;其品质直接影响到猫咪的健康和幸福。 猫罐头哪家好&#xff1f;作…
阅读更多...
go 引入包报错“构建约束排除‘D/...vendor/pkg包’”中所有的GO文件

go 引入包报错“构建约束排除‘D/...vendor/pkg包’”中所有的GO文件

解决方案&#xff1a; 方案一&#xff1a;没生效 go - 构建约束排除所有 Go 文件 - IT工具网 go modules - build constraints exclude all Go files in - Stack Overflow 方案二&#xff1a;生效&#xff0c;手动初始化创建一个目录 后续再研究原因&#xff0c;有明白的大…
阅读更多...
边缘智能模型训练、推理的关键技术

边缘智能模型训练、推理的关键技术

目录 模型推理边缘智能模型推理的关键指标延迟&#xff08;Latency&#xff09;准确性&#xff08;Accuracy&#xff09;能效&#xff08;Energy&#xff09;隐私&#xff08;Privacy&#xff09;通讯/计算开销&#xff08;Comm/comp Overhead&#xff09; 关键技术模型压缩&am…
阅读更多...
node插件MongoDB（三）—— 库mongoose 的使用和数据类型（一）

node插件MongoDB（三）—— 库mongoose 的使用和数据类型（一）

前言 提示&#xff1a;使用mongoose 的前提是你安装了node和 MongoDB。 mongoose 官网文档&#xff1a;http://mongoosejs.net/docs/index.html 文章目录 前言一、安装二、基本使用1. 打开bin目录的mongod.exe文件2. 基本使用的代码&#xff08;连接mongodb 服务&#xff09;3.…
阅读更多...
LeetCode算法题解（回溯，难点）|LeetCode37. 解数独

LeetCode算法题解（回溯，难点）|LeetCode37. 解数独

LeetCode37. 解数独 题目链接&#xff1a;37. 解数独 题目描述&#xff1a; 编写一个程序&#xff0c;通过填充空格来解决数独问题。 数独的解法需 遵循如下规则&#xff1a; 数字 1-9 在每一行只能出现一次。数字 1-9 在每一列只能出现一次。数字 1-9 在每一个以粗实线分…
阅读更多...
【C++ 学习 ㉟】- 异常详解

【C++ 学习 ㉟】- 异常详解

目录 一、C 异常处理的基本语法 1.1 - 抛出异常 1.2 - 检测和捕获异常 二、在函数调用链中异常栈展开的匹配原则 三、异常重新抛出 四、异常规范 五、C 标准异常体系 程序的错误大致可以分为以下三种&#xff1a; 语法错误&#xff1a;在编译和链接阶段就能发现&#xf…
阅读更多...
＜蓝桥杯软件赛＞零基础备赛20周--第5周--杂题-2

＜蓝桥杯软件赛＞零基础备赛20周--第5周--杂题-2

报名明年4月蓝桥杯软件赛的同学们&#xff0c;如果你是大一零基础&#xff0c;目前懵懂中&#xff0c;不知该怎么办&#xff0c;可以看看本博客系列&#xff1a;备赛20周合集 20周的完整安排请点击&#xff1a;20周计划 每周发1个博客&#xff0c;共20周&#xff08;读者可以按…
阅读更多...
Java，多线程，线程的两种创建方式

Java，多线程，线程的两种创建方式

首先是多线程的一些相关概念&#xff1a; 相关概念&#xff1a; 程序&#xff08;program&#xff09;&#xff1a;为完成特定任务&#xff0c;用某种语言编写的一组指令的集合。即指一段静态&#xff08;指不在执行中&#xff09;的代码。 进程&#xff08;process&#xf…
阅读更多...
Qt QTableWidget表格的宽度

Qt QTableWidget表格的宽度

默认值 QTableWIdget的表格宽度默认是一个给定值&#xff0c;可以手动调整每列的宽度&#xff0c;也不填满父窗口 MainWindow::MainWindow(QWidget *parent): QMainWindow(parent) {this->resize(800,600);QStringList contents{"11","111111111111",&…
阅读更多...
最新文章

Copyright @ 2022~2023