当前位置： 首页 > news >正文

使用 OpenCV 将图像中标记特定颜色区域

news 来源：原创 2025/6/20 12:07:23

在计算机视觉任务中，颜色替换是一种常见的图像处理操作，广泛用于视觉增强、目标高亮、伪彩色渲染等场景。本文介绍一种简单而高效的方式，基于 OpenCV 检测图像中接近某种颜色的区域，并将其替换为反色（对比色），从而实现视觉上的突出显示。

应用背景

在工业视觉、图像分析或机器感知系统中，常常需要根据颜色分布对图像进行增强处理。例如，突出显示墨绿色区域、检测工件上涂层差异、标记某些伪装颜色区域等。

通过将图像中接近指定颜色的区域反色处理，可以快速实现对该区域的视觉增强，提升系统对颜色信息的敏感性。

关键技术概述

import cv2
import numpy as np
from pyzbar import pyzbar  # 你之前用的pyzbar，虽然这段代码不需要它也可导入无妨class FrameObject:def __init__(self):pass  # 不保存状态def do(self, frame, device):# 设定核心颜色和阈值（墨绿色，BGR）target_color = np.array([34, 70, 34])  # 墨绿色threshold = 60# 计算像素与目标色的距离diff = frame.astype(np.int16) - target_colordist = np.linalg.norm(diff, axis=2)# 生成掩码，距离小于阈值的像素mask = dist < threshold# 计算反色（纯对比色）contrast_color = 255 - target_color  # 反色# 复制一份输出图out_frame = frame.copy()# 替换颜色out_frame[mask] = contrast_colorprint(f"[{device}] 已替换接近颜色 {target_color.tolist()} 的区域为对比色 {contrast_color.tolist()}")return out_frame

示例说明

假设我们处理的是一帧图像，其中某些区域为墨绿色（如标识线、标签、背景等），该方法将这些区域自动识别，并使用其对比色（淡粉色）进行替换，从而在视觉上非常突出，适合用于：

  • 目标物视觉增强

  • 颜色伪装检测

  • 指定区域颜色反转

  • 高对比图像生成（便于 AI 模型训练）

图像处理流程回顾

  1. 输入图像帧（格式为 BGR 的 numpy.ndarray）

  2. 指定目标颜色和阈值

  3. 计算所有像素到目标颜色的距离

  4. 生成布尔掩码，筛选接近颜色的像素

  5. 替换颜色为目标的反色

  6. 输出增强后的图像帧

使用建议

  • 颜色选择：可通过图像采样工具确定目标颜色 RGB 值。

  • 阈值调节：值越大，匹配范围越宽。可通过滑动条交互调节实现精细控制。

  • 扩展处理：可将对比色替换为指定颜色，或结合边缘检测进一步增强边界效果。

  • 适配平台：代码结构适用于实时图像处理系统如 PiscTrace，也可在 OpenCV 视频流中直接运行。

应用场景举例

  • 工业检测：突出标线、识别颜色偏差部件。

  • 安防监控：高亮指定颜色衣物区域。

  • 智慧交通：标记车道线或交通标识颜色。

  • 智能交互：用户界面响应颜色点击区域。

总结

本文展示了一种实用的颜色增强方案，基于 OpenCV 简洁高效地完成颜色匹配与反色替换任务。该方法不仅实现简单，而且可以灵活集成到实时图像处理系统中，用于高亮、识别与交互等多种视觉处理需求。

如需将其扩展至多种颜色或 HSV 空间处理，或集成到 PiscTrace 等可视化平台，请留言交流！

相关文章：

使用 OpenCV 将图像中标记特定颜色区域

在计算机视觉任务中&#xff0c;颜色替换是一种常见的图像处理操作&#xff0c;广泛用于视觉增强、目标高亮、伪彩色渲染等场景。本文介绍一种简单而高效的方式&#xff0c;基于 OpenCV 检测图像中接近某种颜色的区域&#xff0c;并将其替换为反色&#xff08;对比色&#xff0…...

编程日记 2025/6/20 12:07:23

Service Mesh

目录 一、Service Mesh 的核心特点 二、Service Mesh 的典型架构 1. Sidecar 模式 2. 控制平面与数据平面分离 三、Service Mesh 解决的核心问题 四、典型应用场景 五、主流 Service Mesh 框架对比 六、挑战与局限性 七、未来趋势 总结 Istio 一、Istio 核心组件与…...

编程日记 2025/6/20 10:53:14

反射机制详细说明

反射机制详细说明 1. 反射的基本概念 反射（Reflection）是Java提供的一种在运行时（Runtime）动态获取类信息并操作类属性、方法和构造器的机制。通过反射，程序可以在运行时检查类、接口、字段和方法，并且可以实例化对象、调用方法、访问或修改字段值，甚至操作私有成员，…...

编程日记 2025/6/20 12:00:24

基于Mongodb的分布式文件存储实现

分布式文件存储的方案有很多&#xff0c;今天分享一个基于mongodb数据库来实现文件的存储&#xff0c;mongodb支持分布式部署&#xff0c;以此来实现文件的分布式存储。 基于 MongoDB GridFS 的分布式文件存储实现&#xff1a;从原理到实战 一、引言 当系统存在大量的图片、…...

编程日记 2025/6/20 11:51:02

相机Camera日志分析之九：高通相机Camx 基于预览1帧的ConfigureStreams二级日志分析详解

【关注我，后续持续新增专题博文，谢谢！！！】 上一篇我们讲了：高通相机Camx 日志分析之三：camx hal预览1帧logcat日志opencamera详解 相机Camera日志分析之三：不想输出每秒30帧巨量日志，如何只输出1帧日志作为学习使用？ 这一篇我们开始讲： 高通相机Camx 日志…...

编程日记 2025/6/20 11:34:15

neo4j框架：ubuntu系统中neo4j安装与使用教程

在使用图数据库的时候&#xff0c;经常需要用到neo4j这一图数据库处理框架。本文详细介绍了neo4j安装使用过程中的问题与解决方法。 一、安装neo4j 在安装好了ubuntu系统、docker仓库和java的前提下 在ubuntu系统命令行依次输入如下命令&#xff1a; # 安装依赖库 sudo apt-…...

编程日记 2025/5/25 6:56:40

k8s灰度发布

基于 Traefik 的加权灰度发布-腾讯云开发者社区-腾讯云 Traefik | Traefik | v1.7 Releases traefik/traefik GitHub 从上面连接下载后上传到harbor虚拟机 vagrant upload /C/Users/HP280/Downloads/traefik 下载配置文件 wget -c http://raw.githubusercontent.com/conta…...

编程日记 2025/6/20 12:02:42

K8S从Harbor拉取镜像

参考 配置cri-docker使kubernetes1.24以docker作为运行时_启动cirdocker_跳跃音符#3712的博客-CSDN博客 部署Harbor私有容器镜像仓库并配置Kubernetes从Harbor拉取镜像的方法_运维个西瓜的博客-CSDN博客 K8S连接Harbor私有仓库_k8s harbor 登录-CSDN博客 K8S集群配置使用私…...

编程日记 2025/6/20 11:52:24

【Spring Boot后端组件】mybatis-plus使用

文章目录 mybatis-plus使用一、依赖引入二、添加相关配置项三、功能详解1.自增主键2.逻辑删除3.操作时间自动填充4.其他字段自动填充5.分页查询6.自定义动态查询7.代码生成器8.代码生成器(自定义模板) mybatis-plus使用 一、依赖引入 pom.xml文件 <?xml version"1.…...

编程日记 2025/5/29 18:59:00

Oc语言学习 —— 重点内容总结与拓展（下）

类别&#xff08;分类&#xff09;和拓展 分类&#xff1a; 专门用来给类添加新方法 不能给类添加成员属性&#xff0c;添加成员属性也无法取到 注意&#xff1a;其实可与通过runtime 给分类添加属性&#xff0c;即属性关联&#xff0c;重写setter&#xff0c;getter方法 分类…...

编程日记 2025/6/20 11:53:14

智脑进化：神经网络如何从单层感知机迈向深度学习新纪元

第一章&#xff1a;神经元的启示——从生物大脑到人工神经元 1.1 生物神经元的智慧&#xff1a;860亿神经元的协同网络 人类大脑的860亿神经元通过突触形成动态网络&#xff0c;每个神经元通过树突接收信号&#xff0c;在胞体整合后经轴突传递输出。这种“接收-处理-输出”的…...

编程日记 2025/6/20 10:54:13

雷云4 鼠标滚轮单击失灵解决办法

问题现象&#xff1a;打开雷云4 &#xff0c;滚轮单击才有反应&#xff0c;退出雷云4&#xff0c;滚轮单击没反应。 解决方案&#xff1a; 打开雷云4&#xff0c; 选中鼠标中键&#xff0c;选择鼠标功能&#xff0c;选择滚轮单击&#xff0c;保存 然后退出后&#xff0c; …...

编程日记 2025/6/20 12:01:31

Spring Cloud动态配置刷新：@RefreshScope与@Component的协同机制解析

在微服务架构中&#xff0c;动态配置管理是实现服务灵活部署、快速响应业务变化的关键能力之一。Spring Cloud 提供了基于 RefreshScope 和 Component 的动态配置刷新机制&#xff0c;使得开发者可以在不重启服务的情况下更新配置。 本文将深入解析 RefreshScope 与 Component…...

编程日记 2025/6/20 10:47:11

vue2集成可在线编辑的思维导图（simple-mind-map）

最近要求做一个可在线编辑的思维导图&#xff0c;经过层层调研和实测&#xff0c;最简单的思维导图导图实现还得是simple-mind-map组件 simple-mind-map中文文档 当前我使用的是vue2项目&#xff0c;目前没试过是否支持vue3&#xff0c;但是看官网描述他们也给了有vue3的demo项…...

编程日记 2025/5/26 6:00:38

【开源Agent框架】CAMEL：角色扮演+任务分解

一、项目概览：重新定义智能体协作范式 CAMEL（Communicative Agents for “Mind” Exploration of Large Language Model Society）是由camel-ai社区开发的开源多智能体框架，致力于探索智能体的规模法则（Scaling Laws）。该项目通过构建包含百万级智能体的复杂社会系统，研…...

编程日记 2025/6/20 11:08:06

Elasticsearch-kibana索引操作

1索引模版 添加索引 PUT /_index_template/account_transaction {"priority": 0,"index_patterns": ["account_transaction*"],"template": {"settings": {"index": {"number_of_shards": "50&q…...

编程日记 2025/6/20 11:11:56

【python编程从入门到到实践】第十章 文件和异常

一、读取文件 pi_digits.txt3.1415926535897932384626433832791.读取文件的全部内容 # file_reader.pyfrom pathlib import Pathpath Path("pi_digits.txt") contents path.read_text() print(contents)2.相对文件路径和绝对文件路径 当相对路径行不通时&#x…...

编程日记 2025/5/31 8:26:27

Reactive与Ref的故事

Vue 3的两位"响应式英雄"：Reactive与Ref的故事 基本介绍：响应式的两种武器 Vue 3提供了两种创建响应式数据的主要API：reactive()和ref()。它们像两种不同的魔法工具，各有所长，共同构建Vue的响应式王国。 ┌────────────────────────…...

编程日记 2025/6/20 11:42:43

基于Scrapy-Redis的分布式景点数据爬取与热力图生成

1. 引言 在旅游行业和城市规划中&#xff0c;热门景点的数据分析具有重要意义。通过爬取景点数据并生成热力图&#xff0c;可以直观展示游客分布、热门区域及人流趋势&#xff0c;为商业决策、景区管理及智慧城市建设提供数据支持。 然而&#xff0c;单机爬虫在面对大规模数据…...

编程日记 2025/6/20 11:48:55

MySQL数据库——支持远程IP访问的设置方法总结

【系列专栏】&#xff1a;博主结合工作实践输出的&#xff0c;解决实际问题的专栏&#xff0c;朋友们看过来&#xff01; 《项目案例分享》 《极客DIY开源分享》 《嵌入式通用开发实战》 《C语言开发基础总结》 《从0到1学习嵌入式Linux开发》 《QT开发实战》 《Android开发实…...

编程日记 2025/5/25 8:01:37

现在环保方面有什么新的技术动态

环保领域的技术发展迅速&#xff0c;尤其在“双碳”目标、数字化转型和可持续发展背景下&#xff0c;涌现出许多创新技术和应用。以下是当前环保领域的新技术动态&#xff08;截至2024年&#xff09;&#xff1a; 一、碳中和与碳减排技术 CCUS&#xff08;碳捕集、利用与封存&a…...

编程日记 2025/5/29 13:56:06

[模型部署] 1. 模型导出

&#x1f44b; 你好&#xff01;这里有实用干货与深度分享✨✨ 若有帮助&#xff0c;欢迎&#xff1a;​ &#x1f44d; 点赞 | ⭐ 收藏 | &#x1f4ac; 评论 | ➕ 关注 &#xff0c;解锁更多精彩&#xff01;​ &#x1f4c1; 收藏专栏即可第一时间获取最新推送&#x1f514;…...

编程日记 2025/5/24 4:18:54

Neo4j 图书馆借阅系统知识图谱设计

一、数据模型设计 节点类型 读者(Reader) 属性: reader_id, name, age, gender, phone, email, register_date 图书(Book) 属性: book_id, title, author, publisher, publish_date, isbn, price, category 图书副本(BookCopy) 属性: copy_id, status (在馆/借出/维修), loca…...

编程日记 2025/5/29 13:23:36

android 安装openwrt 安正步骤

安装 QEMU 模拟器 bash 复制 编辑 pkg install wget pkg install qemu-utils pkg install qemu-system-aarch64-headless 可选 x86 模拟支持： bash 复制 编辑 pkg install qemu-system-x86-64-headless ✅ 下载 OpenWRT 镜像（armvirt 64） bash 复制 编辑 mkdir -p ~/openwr…...

编程日记 2025/5/29 12:50:21

大规模CFD仿真计算中，SIMPLE或者PISO算法中加速压力场方程迭代求解

文章目录 在SIMSOL或PISO算法中加速压力场方程的迭代求解是提高CFD计算效率的关键。以下从算法优化、数值技巧和并行计算等方面总结加速策略&#xff1a;**1. 压力方程求解器的选择与优化****2. 算法层面的加速****3. 离散格式与网格优化****4. 并行计算与硬件加速****5. 代码级…...

编程日记 2025/5/26 0:40:24

【C#】 lock 关键字

在 C# 里&#xff0c;lock 关键字就是对 Monitor.Enter/Exit 的简写。它的作用是保证“同一时刻只有一个线程能进入被保护的代码块”&#xff0c;从而避免多个线程同时修改同一个共享状态导致竞态条件&#xff08;race condition&#xff09;。 一、结合Jog 的例子讲解 // Mot…...

编程日记 2025/5/31 9:18:29

前端脚手架开发指南：提高开发效率的核心操作

前端脚手架通过自动化的方式可以提高开发效率并减少重复工作&#xff0c;而最强大的脚手架并不是现成的那些工具而是属于你自己团队量身定制的脚手架&#xff01;本篇文章将带你了解脚手架开发的基本技巧&#xff0c;帮助你掌握如何构建适合自己需求的工具&#xff0c;并带着你…...

编程日记 2025/6/2 22:02:05

职坐标AIoT技能培训课程实战解析

职坐标AIoT技能培训课程以人工智能与物联网技术深度融合为核心&#xff0c;构建了“理论实战行业应用”三位一体的教学体系。课程体系覆盖Python编程基础、传感器数据采集、边缘计算开发、云端服务部署及智能硬件开发全链路&#xff0c;通过分层递进的知识模块帮助学员建立系统…...

编程日记 2025/5/31 18:15:25

Yocto Project 快速构建

此文为机器辅助翻译&#xff0c;仅供个人学习使用&#xff0c;如有翻译不当之处欢迎指正 1 Yocto 项目快速构建 1.1 欢迎&#xff01; 本简短文档将引导您完成使用 Yocto Project 进行典型镜像构建的流程&#xff0c;并介绍如何为特定硬件配置构建环境。您将使用 Yocto Proj…...

编程日记 2025/5/26 18:29:17

git相关配置

git相关配置 欢迎使用Markdown编辑器修改Git默认编辑器为vimgit配置默认用户名和密码&#xff1a; 欢迎使用Markdown编辑器 修改Git默认编辑器为vim #方法1&#xff1a;直接执行 git config --global core.editor vim#方法2&#xff1a;修改git的配置文件.git/config文件&am…...

编程日记 2025/5/28 8:09:16

ci/cd全流程实操

本次采用架构，gitlab + jenkins + 镜像仓库+ k8s 准备工作 一、gitlab部署 拉取镜像 部署环境： macbook m2中docker部署gitlab （m2平台架构问题，这里只能用yrzr/gitlab-ce-arm64v8 这个容器镜像） docker pull yrzr/gitlab-ce-arm64v8 在 Docker 里，–privileged=tr…...

编程日记 2025/5/31 7:29:09

Python中in和is关键字详解和使用

在 Python 中&#xff0c;in 和 is 是两个常用但含义不同的关键字&#xff0c;初学者很容易混淆它们的用法。下面是关于它们的详细解释、注意事项及常见示例。 一、关键字 in&#xff1a;成员运算符 1. 功能 用于判断某个元素是否存在于序列&#xff08;如列表、元组、字符串…...

编程日记 2025/6/1 17:44:15

ACM模式用Scanner和System.out超时的解决方案和原理

Hi~&#xff01;这里是奋斗的明志&#xff0c;很荣幸您能阅读我的文章&#xff0c;诚请评论指点&#xff0c;欢迎欢迎 ~~ &#x1f331;&#x1f331;个人主页&#xff1a;奋斗的明志 &#x1f331;&#x1f331;所属专栏&#xff1a;笔试强训 &#x1f4da;本系列文章为个人学…...

编程日记 2025/5/29 20:26:18

微服务中服务降级和异常的区别

在Java中&#xff0c;服务降级和异常处理是两个相关但不同的概念。它们的主要区别如下&#xff1a; 1. 服务降级&#xff08;Service Degradation&#xff09;: 定义&#xff1a;服务降级是指在系统中某个服务或功能出现问题时&#xff0c;通过采取某些策略来降低服务的质量或…...

编程日记 2025/5/27 7:34:27

MYSQL创建索引的原则

创建索引的原则包括&#xff1a; 表中的数据量超过10万以上时考虑创建索引。 选择查询频繁的字段作为索引&#xff0c;如查询条件、排序字段或分组字段。 尽量使用复合索引&#xff0c;覆盖SQL的返回值。 如果字段区分度不高&#xff0c;可以将其放在组合索引的后面。 对于…...

编程日记 2025/5/27 6:48:12

29、魔法微前端——React 19 模块化架构

一、时空结界分割术&#xff08;模块化架构设计&#xff09; 1. 次元切割协议 // 主应用入口const HogwartsMain () > {const [subApps] useState({potion: React.lazy(() > import(./PotionShop)),library: React.lazy(() > import(./LibraryApp)),quidditch: R…...

编程日记 2025/6/1 9:46:49

【PmHub后端篇】PmHub 中缓存与数据库一致性的实现方案及分析

在软件开发项目中&#xff0c;缓存的使用十分普遍。缓存作为一种存储机制&#xff0c;能够暂时保存数据&#xff0c;从而加速数据的读取和访问。然而&#xff0c;当数据同时存在于缓存和数据库中时&#xff0c;如何保证两者的数据一致性成为了一个关键问题。在 PmHub 项目中&am…...

编程日记 2025/5/29 9:43:24

Verilog HDL 语言整理

Verilog HDL 语言 Verilog HDL 简介 硬件描述语言Hardware Description Language是一种用形式化方法即文本形式 来描述和设计数字电路和数字系统的高级模块化语言 Verilog HDL&#xff08;Hardware Description Language&#xff09;是一种硬件描述语言&#xff0c;用于建模…...

编程日记 2025/5/26 10:17:54

[250516] OpenAI 升级 ChatGPT：GPT-4.1 及 Mini 版上线！

目录 ChatGPT 迎来重要更新&#xff1a;GPT-4.1 和 GPT-4.1 mini 正式上线用户如何访问新模型&#xff1f;技术亮点与用户体验优化 ChatGPT 迎来重要更新&#xff1a;GPT-4.1 和 GPT-4.1 mini 正式上线 OpenAI 宣布在 ChatGPT 平台正式推出其最新的 AI 模型 GPT-4.1 和 GPT-4.…...

编程日记 2025/5/29 14:49:53

R语言学习--Day03--数据清洗技巧

在一般情况下&#xff0c;我们都是在数据分析的需求前提下去选择使用R语言。而实际上&#xff0c;数据分析里&#xff0c;百分之八十的工作&#xff0c;都是在数据清洗。并不只是我们平时会提到的异常值处理或者是整合格式&#xff0c;更多会涉及到将各种各样的数据整合&#x…...

编程日记 2025/5/28 8:41:19

文件系统交互实现

关于之前的搭建看QT控件文件系统的实现-CSDN博客&#xff0c;接下来是对本程序的功能完善&#xff0c;我想着是这样设计的&#xff0c;打开一个目录以后&#xff0c;鼠标选中一个项可以是目录&#xff0c;也可以是文件&#xff0c;右键可以出现一个菜单选择操作&#xff0c;比如…...

编程日记 2025/6/1 0:41:00

SqlHelper 实现类，支持多数据库，提供异步操作、自动重试、事务、存储过程、分页、缓存等功能。

/// <summary> /// SqlHelper 实现类&#xff0c;支持多数据库&#xff0c;提供异步操作、自动重试、事务、存储过程、分页、缓存等功能。 /// </summary> public class SqlHelper : IDbHelper {private readonly IDbConnectionFactory _connectionFactory;private…...

编程日记 2025/5/28 14:37:53

DevExpressWinForms-RichEditControl-基础应用

RichEditControl-基础应用 在企业级WinForms应用开发中&#xff0c;富文本编辑与文档处理是常见需求。DevExpress WinForms的RichEditControl作为一款功能强大的富文本编辑控件&#xff0c;提供了媲美Microsoft Word的文档处理能力&#xff0c;支持复杂格式编辑、打印导出、界…...

编程日记 2025/5/28 16:56:02

Elasticsearch 索引副本数

作者&#xff1a;来自 Elastic Kofi Bartlett 解释如何配置 number_of_replicas、它的影响以及最佳实践。 更多阅读&#xff1a;Elasticsearch 中的一些重要概念: cluster, node, index, document, shards 及 replica 想获得 Elastic 认证&#xff1f;查看下一期 Elasticsearc…...

编程日记 2025/5/29 11:23:31

RabbitMQ 扇形交换器工作原理详解

目录 一、扇形交换器简介二、扇形交换器工作原理2.1 消息广播机制2.2 路由键的忽略三、代码示例3.1 生产者代码3.2 消费者代码四、实际应用场景4.1 日志收集系统4.2 实时通知系统4.3 事件驱动架构五、总结在 RabbitMQ 的众多交换器类型中，扇形交换器（Fanout Exchange）是一种…...

编程日记 2025/5/27 7:46:09

IDEA中springboot项目中连接docker

具体内容如下&#xff1a; 1、在Linux中安装docker 使用安装命令&#xff1a; apt-get install docker.io 还有一个是更新软件并安装docker&#xff1a; sudo apt-get update sudo apt-get install docker-ce docker-ce-cli containerd.io 运行docker systemctl start …...

编程日记 2025/5/26 7:31:22

arxiv等开源外文书数据的获取方式

一、一些基本说明 开放API接口文档&#xff1a;https://info.arxiv.org/help/api/user-manual.html#2-api-quickstart研究领域分类说明文档&#xff1a;https://arxiv.org/category_taxonomy 二、基于url接口方式检索并获取数据 本质是get方式&#xff0c;在url中传检索参数…...

编程日记 2025/5/31 5:03:48

ChatGPT再升级！

近日&#xff0c;OpenAI 正式发布 GPT-4.1 和轻量级版本 GPT-4.1mini&#xff0c;并已全面上线 ChatGPT 平台&#xff0c;迅速引发全球 AI 圈热议&#xff0c;标志着 ChatGPT 在智能化和效率上再登新高峰。 GPT-4.1 是为编程与任务处理优化的高性能模型。相较前作 GPT-4o&#…...

编程日记 2025/5/29 17:21:51

23、电网数据管理与智能分析 - 负载预测模拟 - /能源管理组件/grid-data-smart-analysis

76个工业组件库示例汇总 电网数据管理与智能分析组件 1. 组件概述 本组件旨在模拟一个城市配电网的运行状态&#xff0c;重点关注数据管理、可视化以及基于模拟数据的智能分析&#xff0c;特别是负载预测功能。用户可以通过界面交互式地探索电网拓扑、查看节点状态、控制时间…...

编程日记 2025/5/27 15:02:43

#跟着若城学鸿蒙# web篇-获取定位

前言 在业务中&#xff0c;某些网页上需要获取用户的地理位置&#xff0c;然后按照用户搜索的兴趣点与用户的距离远近进行排序&#xff0c;这就需要h5能够获取到用户的位置。 由于 web 组件基于Chromium M114 版本开发&#xff0c;前端就可以使用navigator.geolocation.getC…...

编程日记 2025/5/28 7:28:42