- 博客(35)
- 收藏
- 关注
RSS订阅原创 利用WebGL绘制简单几何
WebGL是一种用于在网页上渲染交互式3D和2D图形的JavaScript API。它基于OpenGL ES 2.0，提供了一种在浏览器中使用硬件加速图形的方式。
2024-03-19 14:13:53
913
原创 04、声明式绘图：利用SVG绘制层次关系图
SVG 的全称是 Scalable Vector Graphics，可缩放矢量图，它是浏览器支持的一种基于 XML 语法的图像格式。SVG 可以作为 HTML 内嵌元素使用，也可以作为图像通过 img 元素加载，或者绘制到 Canvas 内。
2024-03-06 15:25:29
526
原创 03、指令式绘图：利用Canvas绘制层次关系图
Canvas API提供了一个通过JavaScript 和 HTML的canvas元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。
2024-03-06 11:53:47
527
原创 Cesium实战三：飞行航线动画
在地图上添加飞行点位：循环遍历点位数据，利用Entity直接添加点至地图上。可视化从旧金山到哥本哈根的真实航班。
2024-03-05 15:55:29
2140
4
原创 02、浏览器实现可视化的四种方式
在浏览器上实现图形渲染的方式主要是以下四种：HTML+CSS、SVG、Canvas2D、WebGL。其中HTML+CSS与SVG属于**声明式绘图**方式，是开发人员根据数据创建不同的图形元素或CSS规则，然后经过浏览器渲染引擎解析并渲染出来。但是Canvas2D与WebGL属于**指令式绘图**方式，是浏览器提供的一种可以用代码在“画布”上绘制图形的API。通过调用绘图指令，然后引擎直接在页面上进行绘制
2024-03-05 15:52:22
690
原创 Cesium实战五：粒子系统Particle System渲染场景粒子效果
在Cesium中，粒子系统ParticleSystem是一种用于模拟和呈现大量小粒子效果的功能。这些小粒子可以代表火花、烟雾、雨滴等效果，用于增强Cesium中的三维场景的视觉效果。Cesium的粒子系统允许用户创建、配置和控制这些粒子的外观和行为。Cesium的粒子系统提供了许多配置选项，通过指定粒子的纹理、颜色、生命周期、速度等属性，结合粒子系统的粒子回调函数，以满足不同的粒子效果的需求。
2024-03-01 11:42:04
893
原创 Cesium入门基础十二：粒子系统Particle System的粒子属性配置
在Cesium中，粒子系统ParticleSystem是一种用于模拟和呈现大量小粒子效果的功能。这些小粒子可以代表火花、烟雾、雨滴等效果，用于增强Cesium中的三维场景的视觉效果。
2024-02-23 10:57:39
1195
1
原创 Vue + Openlayers入门教程（七）：实现绘制几何功能
拉绘制类型选择框，选择绘制类型后，光标由箭头转变为十字形，在地图上进行左键点击即可以绘制一个点，移动鼠标进行拖拽绘制，双击左键即完成当前绘制，会将当前绘制的几何要素存入临时绘制图层。点击完成绘制，即会弹出绘制保存窗口，可以选择保存到已有矢量图层，或通过输入图层名称来新建矢量图层进行保存。
2023-06-29 15:17:54
178
原创 Vue + Openlayers入门教程（六）：实现信息弹窗功能
信息弹窗会自动获取鼠标当前位置下的所有矢量图层信息，包括当前坐标、矢量类型与图层名称。如果同一个点击区域有不同矢量图层覆盖，可以点击切换按钮进行信息描述切换。
2023-06-29 15:16:29
427
2
原创 Vue + Openlayers入门教程（五）：Turf.js 实现距离量算功能
点击大地线测量按钮，光标由箭头转变为十字形，在地图上进行左键点击即可以绘制一个点，移动鼠标并点击，即可测量不同点之间的大地线距离。
2023-06-29 14:56:33
180
原创 Vue + Openlayers入门教程（四）：Turf.js 实现缓冲区分析功能
点击加载缓冲区数据，即在地图上显示预先设定好的分析数据源，点击缓冲区分析，即会对分析数据源进行缓冲区分析。
2023-06-29 14:47:42
421
原创 Vue + Openlayers入门教程（三）：图层管理功能
点击图层管理按钮，即可弹出可以自由拖拽的图层列表，当前地图上加载的图层名称与显示状态与复选框的值进行了双向绑定，可以实现图层数据显示的管理。
2023-06-29 14:11:01
160
原创 Vue + Openlayers入门教程（二）：矢量要素搜索功能
在搜索框中输出搜索关键字，即可对关键字在矢量要素图层中进行模糊查询，并标注出查询结果。
2023-06-29 13:53:46
158
原创 Vue + Openlayers入门教程（一）：WMS、WFS、WKT、WMTS、GeoJSON、天地图加载与GeoServer安装、发布图层
介绍了Geoserver的安装、图层发布与openlayers加载WMS、WFS、WKT、WMTS、GeoJSON、天地图
2023-06-29 11:56:36
317
原创 WMS、WFS、WCS、WPS、WMTS、WMSC、TMS等常见地图服务的区别
WebGIS的开发者经常需要面对各种地图服务规范，例如WMS、WFS、WCS、WPS、WMTS、TMS、WMSC等。因此了解这些服务的内容是相当重要的，这里对常见的服务进行了整理。
2023-03-27 10:55:10
2128
原创 尚品汇项目笔记
尚品汇项目学习笔记1、初始化项目与文件目录分析2、项目配置1、初始化项目与文件目录分析需要 node+ webpack + 淘宝镜像项目文件目录命令控制行输入：vue create 项目名称public文件夹：静态资源，webpack进行打包的时候会原封不动打包到dist文件夹中。pubilc/index.html：是一个模板文件，作用是生成项目的入口文件，webpack打包的js,css也会自动注入到该页面中。我们浏览器访问项目的时候就会默认打开生成好的index.html。src文件夹（程
2022-04-10 20:20:46
117
原创 CSS 的关键帧和动画
CSS 的关键帧和动画是如何工作如果要给元素添加动画，你需要了解 animation 属性以及 @keyframes 规则。 animation 属性控制动画的外观，@keyframes 规则控制动画中各阶段的变化。 总共有 8 个 animation 属性。animation-name 用来设置动画的名称，也就是我们稍后要在 @keyframes 里用到的名称。animation-duration 设置动画所花费的时间。@keyframes 可以通过设置特定时间点的行为来创建动画。 为此，我们只需
2021-08-04 18:14:45
2154
原创 ArcMap 入门教程（一）
一、地图显示、简单查询：1. 打开地图文档：鼠标点击取消键。空白地图文档窗口：2. 基本操作界面：【文件】-【打开】-地图文档路径注释：数据框字体呈加粗显示，表明该数据框被激活，也称为活动数据框。内容一般为图层、独立属性表。图层在内容列表里的排列次序表明了显示的先后次序。3. 指定可选图层：右键图层-【选择】-【将此设为唯一可选图层】注释：可选图层一旦设定，只可改换，不可撤销。4. 点击选择要素：【选择要素】-点击某个多边形发现颜色改变 。【打开属性表】-发现与被选择要素对
2021-07-21 12:14:53
58202
4
原创 C#简单功能（九）
9设计一基于web窗体的登录界面，窗体中控件居中显示。要求用户输入用户名和密码，若登录失败则显示用户名或密码错误，若登录成功则显示第二个web窗体。要求第二个web窗体进行验证用户是否登录，若未登录则跳转到第一个登录页面。第一步：登录界面设计：控件居中 ：<div style="text-align:center" ><%@ Page Language="C#" AutoEventWireup="true" CodeBehind="登录界面.aspx.cs" Inherits=
2021-07-03 13:03:58
198
原创 C#简单功能（八）
8设计一基于window窗体的登录界面，窗体居中显示。要求用户输入用户名和密码，若登录失败则显示用户名或密码错误，若登录成功则显示第二个窗体。第二个窗体要求能使用鼠标在客户区绘制多边形。第一步：登录界面设计第二步：绘制界面设计：3.第三步：绘制界面代码设计：using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;us
2021-07-03 03:29:27
196
原创 C#简单功能（七）
设计一基于window窗体的登录界面，窗体居中显示。要求用户输入用户名和密码，若登录失败则显示用户名或密码错误，若登录成功则显示第二个窗体。第二个窗体运行时在“输入数据”文本框中输入角度值，选择单选按钮确定计算正弦还是余弦值，单击“计算”按钮计算出相应三角函数值，并将计算结果显示“计算结果”文本框中，如果没有选择任何单选按钮，则提示“请选择计算类别”，单击“退出”退出应用程序。第一步：登录界面设计：第二步：计算界面设计：3.计算界面代码设计：using System;using System
2021-07-02 22:11:48
162
原创 C#简单功能（五）
5设计一基于window窗体的登录界面，窗体居中显示。要求用户输入用户名和密码，若登录失败则显示用户名或密码错误，若登录成功则显示第二个窗体。第二个窗体中，按键“A”画圆 按键“B”键画矩形 “C”键画三角形。第一步：登录界面设计：第二步：绘图界面设计：3.绘图界面代码设计：using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.D
2021-07-02 20:16:38
218
原创 C#简单功能（六）
6设计一基于window窗体的登录界面，窗体居中显示。要求用户输入用户名和密码，若登录失败则显示用户名或密码错误，若登录成功则显示第二个窗体。第二个窗体中能显示数据库内的数据，数据不能添加，能实现数据的编辑和保存。第一步：登录界面设计：第二步：数据界面设计：一个文本框，四个按钮，一个数据单元格3.第三步：数据界面代码设计：using System;using System.Collections.Generic;using System.ComponentModel;using Sys
2021-07-02 19:57:58
210
原创 C#简单功能（四）
设计一基于window窗体的登录界面，窗体居中显示。要求用户输入用户名和密码，若登录失败则显示用户名或密码错误，若登录成功则显示第二个窗体。第二个窗体，要求能在屏幕上在状态栏上显示鼠标的当前位置并在鼠标移动的时候能实时显示。第一步：登录界面设计：第二步：鼠标界面设计：一个statusStrip3.鼠标界面代码设计：using System;using System.Collections.Generic;using System.ComponentModel;using System.
2021-07-01 18:25:40
169
原创 C#简单功能（三）
3设计一基于window窗体的登录界面，窗体居中显示。要求用户输入用户名和密码，若登录失败则显示用户名或密码错误，若登录成功则显示第二个窗体。第二个窗体要求能在屏幕上以三种颜色、三种字体输出文字： “GIS开发设计基础—你的姓名”。这里你的姓名要替换成你的名字。第一步：登录界面设计：第二步：绘制字符串界面设计：一个menustrip,一个textbox，一个picturebox，三个button，一个colorDialog,一个fontDialog 3.第三步：绘制界面代码设计：using S
2021-07-01 17:47:31
184
原创 C#简单功能（二）
2设计一基于window窗体的登录界面，窗体居中显示。要求用户输入用户名和密码，若登录失败则显示用户名或密码错误，若登录成功则显示第二个窗体。第二个窗体，要求能绘制点、直线，方式自定。第一步：登录窗体设计第二步：绘图界面设计：一个 PictureBox、一个MenuStrip， 注意界面居中3.第三步：绘图界面代码设计：using System;using System.Collections.Generic;using System.ComponentModel;using Sys
2021-07-01 13:51:03
137
原创 C#简单功能（一）
1设计一基于window窗体的登录界面，窗体居中显示。要求用户输入用户名和密码，若登录失败则显示用户名或密码错误，若登录成功则显示第二个窗体。第二个窗体显示数据库内的数据，能实现数据的删除功能。第一步：基于Windows窗体的登录界面设计：注意事项：注意居中第二步：登录界面代码设计： public partial class Form1 : Form { Form2 f2 = new Form2();//实例化窗体2 public Form1()
2021-06-30 17:00:58
295
1
原创 窗体、控件的使用 控件的事件处理与控件的访问 多个窗体之间的跳转
C#之窗体应用程序设计：窗体、控件的使用实验内容：在主窗口上放置一ListBox和两个Button，Button1和Button2；新建Window窗体Form2，在Form2上放置一button；要求主窗体居中显示。点击主窗体上的button1,，弹出窗体Form2，实现点击Form2窗体上的按钮时，在Form1的ListBox控件里面添加任意字符串； 在Form2窗体上添加合适的控件，要求输入一十进制数，输出这个数的八进制和二进制；步骤：打开vs，新建WPF文件，打开工具箱，拖动需要的控件至FO
2021-04-22 02:17:33
3555
原创 定义class，对数组降序输出
C#定义一个class，如何对数组降序输出实验内容：要求输入自定义的数目学生的姓名，性别，身高，体重，然后按身高降序输出。using System;namespace 简单的class使用{ class Student { public int sxuhao; public string sname; public string ssex; public double shight; public d
2021-04-19 02:43:32
443
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人