FMCW雷达位置识别如何优雅的实现(IROS2023)

大家好,我叫袁健豪,很开心来%ignore_a_1%之心平台分享我们在iros2023上关于雷达位置识别的工作。

由于其对挑战性环境的固有抗性,使用调频连续波 (FMCW) 雷达的定位越来越受到关注。然而,雷达测量过程的复杂伪影需要适当的不确定性估计 – 以确保这种有前景的传感器模式的安全和可靠应用。在这项工作中,我们提出了一个多会话地图管理系统,该系统基于嵌入空间中学到的方差属性构建“最佳”地图以进行进一步的定位。使用相同的方差属性,我们还提出了一种新的方法,内省地拒绝可能是不正确的定位查询。为此,我们应用了鲁棒的噪声感知度量学习,既利用沿驱动路径的雷达数据的短时间尺度变化(用于数据增强),又预测基于度量空间的位置识别中的下游不确定性。我们通过对 Oxford Radar RobotCar 和 MulRan 数据集的广泛交叉验证测试证明了我们方法的有效性。在此,我们仅使用单个最近邻查询就超越了雷达位置识别的当前最新技术和其他不确定性感知方法。当基于不确定性拒绝查询时,我们还显示了在一个困难的测试环境中的性能增加,这是我们没有观察到的与竞争的不确定性感知位置识别系统。

Off the Radar的出发点

位置识别和定位是机器人技术和自主系统领域的重要任务,因为它们使系统能够理解和导航其环境。传统的基于视觉的位置识别方法经常容易受到环境条件变化的影响,如光照、天气和遮挡,导致性能下降。为了解决这个问题,人们越来越关注使用FMCW雷达作为这种对抗性环境的稳健传感器替代品。

现有的工作已经证明了手工制作的和基于学习的特征提取方法的FMCW雷达位置识别的有效性。尽管现有的工作取得了成功,但这些方法在自动驾驶等安全关键应用中的部署仍受到校准不确定性估计的限制。在这个领域,需要考虑以下几点:

安全性要求不确定性估计与误报率良好地校准,以便启用内省拒绝;实时部署需要快速的基于单次扫描不确定性的推理能力;长期自主性中的重复路线遍历需要在线连续地图维护。

虽然VAE通常用于生成任务,但其概率潜在空间可以作为位置识别的有效度量空间表示,并允许对数据噪声分布进行先验假设,这也提供了一个标准化的偶然不确定性估计。因此,在本文中,为了实现FMCW雷达在自动驾驶中的可靠和安全部署,我们利用了一个变分对比学习框架,并提出了一个统一的基于不确定性的雷达位置识别方法。

FMCW雷达位置识别如何优雅的实现(IROS2023)系统流程概览

在离线阶段,我们使用变分对比学习框架来学习一个带有估计不确定性的隐藏嵌入空间,使得来自相似拓扑位置的雷达扫描彼此接近,反之亦然。在在线阶段,我们开发了两种基于不确定性的机制来处理连续收集的雷达扫描,用于推理和地图构建。对于重复遍历相同的路线,我们通过用更确定的扫描替换高度不确定的扫描来积极维护一个集成的地图字典。对于不确定性低的查询扫描,我们基于度量空间距离从字典中检索匹配的地图扫描。相反,我们拒绝对高不确定性的扫描进行预测。

Off the Radar的方法介绍

本文介绍了一种用于雷达位置识别的变分对比学习框架,来描述位置识别中的不确定性。主要贡献包括:

不确定性感知的对比学习框架。基于校准不确定性估计的内省查询机制。在线递归地图维护用于变化的环境。

变分对比学习

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜

FMCW雷达位置识别如何优雅的实现(IROS2023)

变分对比学习框架概览,基于[^Lin2018dvml]. 通过编码器-解码器结构学习一个度量空间,其中有两个重新参数化的部分:一个用于识别的确定性嵌入和一组参数建模多变量高斯分布,其方差作为不确定性度量。整体学习由重构和对比损失共同驱动,以确保雷达扫描的信息性和区分性的隐藏表示。

这一部分的工作既是我们核心贡献的关键推动者,也是深度变分度量学习与雷达位置识别的新颖整合,以及在位置识别中表征不确定性的新方法。如图所示,我们采用了一个结构来将雷达扫描嵌入分解为一个噪声诱导的变量部分,它捕获了与预测无关的不确定性来源的方差,以及一个语义不变的部分,用于场景表示的基本特征。变量部分后来从一个先验的多元等方高斯分布中采样,并添加到不变性部分,形成整体表示。变量输出直接用作不确定性度量。我们假设我们只考虑由数据中的固有模糊性和随机性引起的模型预测的偶然不确定性作为不确定性的主要来源。特别是对于雷达扫描,这可能是由于斑点噪声、饱和和临时遮挡。标准的度量学习方法,不考虑所选择的损失函数,都倾向于在正样本对之间强制相同的嵌入,同时忽略了它们之间的潜在方差。然而,这可能导致模型对微小特征不敏感,并过度拟合训练分布。因此,为了模拟噪声方差,我们使用结构中的额外概率方差输出来估计偶然不确定性。为了建立这样一个噪声感知的雷达感知表示,我们使用四个损失函数来指导整体训练。

1) 不变对比损失在确定性表示 ( Z_I ) 上,以从雷达语义中分离任务无关的噪声,使得不变嵌入包含足够的因果信息;以及

2) 变量对比损失在整体表示 ( Z ) 上,建立有意义的度量空间。两种对比损失均采取以下形式。

其中一个批次由m个样本和使用“旋转”策略,合成旋转的时间近似帧增强 组成,这只是旋转增强,用于旋转不变性。我们的目标是最大化增强样本被识别为原始实例的概率,同时最小化反转情况的概率。

其中嵌入 ( Z ) 是 ( Z_I ) 或 ( Z ) ,如公式1)和2)中所述。

3)Kullback–Leibler (KL) 散度在学到的高斯分布和标准各向同性多变量高斯分布之间,这是我们对数据噪声的先验假设。这确保了所有样本噪声的相同分布,并为变量输出的绝对值提供了一个静态参考。

4) 重建损失在提取特征图 ( M ) 和解码器输出 ( M_R ) 之间,这迫使整体表示 ( Z ) 包含原始雷达扫描中的足够信息以进行重建。但是,我们只重建一个较低维度的特征图,而不是像素级雷达扫描重建,以减少解码过程中的计算成本。

虽然仅由KL散度和重建损失驱动的普通VAE结构也提供了潜在方差,但由于其众所周知的后验崩溃和消失方差问题,它被认为不可靠地用于不确定性估计。这种无效性主要是由于训练过程中两个损失的不平衡:当KL散度占主导地位时,潜在空间后验被迫等于先验,而当重建损失占主导地位时,潜在方差被推到零。然而,在我们的方法中,我们通过引入变量对比损失作为额外的正则化器,实现了更稳定的训练,其中方差被驱使在度量空间中保持聚类中心之间的稳健边界。因此,我们获得了更可靠的潜在空间方差,反映了雷达感知的基础偶然不确定性。我们选择在特征增加的损失设置中展示我们特定的学习不确定性方法的好处。在这个领域,雷达位置识别的最新技术已经使用了许多(即超过2个)负样本的损失,所以,我们在这个基础上进行了扩展。

持续地图维护

持续地图维护是在线系统的一个重要功能,因为我们的目标是充分利用在自动驾驶车辆操作期间获得的扫描数据,并以递归的方式改进地图。合并新的雷达扫描到由先前遍历的扫描组成的父地图的过程如下所示。每个雷达扫描都由一个隐藏表示和一个不确定性度量表示。在合并过程中,我们为每个新扫描搜索匹配的正样本,拓扑距离在阈值以下。如果新扫描的不确定性较低,那么它将被集成到父地图中并替换匹配的扫描,否则它将被丢弃。

FMCW雷达位置识别如何优雅的实现(IROS2023)

地图维护示意图:红色和绿色节点分别代表具有较高和较低不确定性的雷达扫描。我们始终维护一个作为每个位置的定位参考的父地图,该地图仅由具有最低不确定性的扫描组成。请注意,虚线边表示父地图的初始状态,实线边表示父地图的更新版本。

通过迭代地执行维护过程,我们可以逐渐提高集成父地图的质量。因此,维护算法可以作为一种有效的在线部署策略,因为它不断地利用同一路线遍历的多次经验来提高识别性能,同时保持一个恒定的父地图大小,从而导致有预算的计算和存储成本。

内省查询

由于与标准高斯分布的测量的模型不确定性,所有维度的估计方差接近于1。因此,我们可以使用两个超参数 Delta 和 N 来完全定义不确定性拒绝的规模和分辨率。得到的阈值T定义如下:

给定一个具有 m 维潜在方差的扫描,我们对所有维度求平均,得到一个标量不确定性度量

预测拒绝

在推理时,我们执行内省查询拒绝,其中方差高于定义阈值的查询扫描将被拒绝识别。现有的方法,如 STUN 和 MC Dropout,动态地将批量样本的不确定性范围划分为阈值级别。然而,这需要在推理过程中有多个样本,并可能导致不稳定的拒绝性能,特别是当只有少量样本时。相比之下,我们的静态阈值策略提供了与样本无关的阈值级别,并提供了一致的单扫描不确定性估计和拒绝。这一特性对于实时部署地点识别系统至关重要,因为在驾驶过程中,雷达扫描是逐帧获得的。

实验细节

本文使用两个数据集:1) Oxford Radar RobotCar 和 2) MulRan。这两个数据集都使用CTS350-X Navtech FMCW 扫描雷达。雷达系统在76 GHz到77 GHz的范围内运行,可以生成多达3768个范围读数,分辨率为4.38厘米。

YOO必优科技-AI写作 YOO必优科技-AI写作

智能图文创作平台,让内容创作更简单

YOO必优科技-AI写作 38 查看详情 YOO必优科技-AI写作

基准测试 的识别性能是通过与几种现有方法进行比较来完成的,包括原始的 VAE,Gadd et al  提出的最先进的雷达地点识别方法(称为 BCRadar),以及非学习基础的方法 RingKey(ScanContext 的一部分,没有旋转细化)。此外,性能还与 MC Dropout 和 STUN进行了比较,这两种方法作为具有不确定性意识的地点识别基线。

消融研究为了评估我们提出的内省查询(Q)和地图维护(M)模块的有效性,我们通过比较我们方法的不同变体进行了消融研究,分别表示为 OURS(O/M/Q/QM),具体如下:

O: 没有地图维护,没有内省查询M: 仅地图维护Q: 仅内省查询QM: 地图维护和内省查询都有 具体来说,我们比较了 O 和 M 之间的识别性能,以及 Q 和 QM 之间的不确定性估计性能。

通用设置为了确保公平的比较,我们为所有基于对比学习的方法采用了一个通用的批次对比损失,从而在基准测试中实现了一致的损失函数。

实施细节

扫描设置
对于所有方法,我们将具有 A = 400方位和 B = 3768 格的极坐标雷达扫描转换为笛卡尔扫描,每个箱子的大小为 4.38 cm,具有 W = 256的边长和 0.5 m 的箱子大小。

训练超参数
我们使用 VGG-19 [^simonyan2014very^] 作为背景特征提取器,并使用一个线性层将提取的特征投影到较低的嵌入维度 d=128。我们在 Oxford Radar RobotCar 中为所有基线训练了 10 个时代,在 MulRan 中为 15 个迭代,学习率为 1e{-5},批次大小为 8。

评估指标

为了评估地点识别性能,我们使用 Recall@N (R@N) 指标,这是通过确定在 N 个候选者中是否至少有一个候选者接近 GPS/INS 所指示的地面真实值来确定的本地化的准确性。这对于自动驾驶应用中的安全保证尤为重要,因为它反映了系统对假阴性率的校准。我们还使用 Average Precision (AP) 来测量所有召回级别的平均精度。最后,我们使用 F-scores 与 beta=2/1/0.5 来分配召回对精确度的重要性级别,作为评估整体识别性能的综合指标。

此外,为了评估不确定性估计性能。我们使用 Recall@RR,在这里我们执行内省查询拒绝,并在不同的不确定性阈值级别上评估 Recall@N=1 — 拒绝所有查询的扫描的不确定性大于阈值的。我们因此拒绝了 0-100% 的查询。

结果总结

地点识别性能

如 Oxford Radar RobotCar实验中表格1所示,我们的方法仅使用度量学习模块,在所有指标上都取得了最高的性能。具体来说,在 Recall@1 方面,我们的方法 OURS(O) 展示了通过变分对比学习框架学习的方差解耦表示的有效性,实现了超过 90.46% 的识别性能。这进一步得到了 MulRan 实验结果的支持,如表2所示,我们的方法在 Recall@1、总体 F-scores 和 AP 上均优于其他所有方法。尽管在 MulRan 实验中,VAE 在 Recall@5/10 上优于我们的方法,但我们的方法在两种设置中的最佳 F-1/0.5/2 和 AP 表明,我们的方法具有更高的精确度和召回率,从而实现了更准确和稳健的识别性能。

FMCW雷达位置识别如何优雅的实现(IROS2023)

Oxford Radar RobotCar识别性能。最佳和次佳的结果分别为粗体和__下划线__。

FMCW雷达位置识别如何优雅的实现(IROS2023)

Mulran识别性能。格式同上。

此外,通过进一步利用Oxford Radar RobotCar中的持续地图维护,我们能够将 Recall@1 进一步提高到 93.67%,超过了当前最先进的方法 STUN,超出了 4.18%。这进一步证明了学习方差作为一个有效的不确定性度量,以及基于不确定性的地图集成策略在提高地点识别性能方面的有效性。

不确定性估计性能

随着被拒绝的不确定查询的百分比增加,识别性能的变化,特别是 Recall@1,在 Oxford Radar RobotCar 实验中如图1所示,在 MulRan 实验中如图2所示。值得注意的是,我们的方法是唯一一个在两种实验设置中都展示出随着不确定查询拒绝率增加而持续改进的识别性能的方法。在MulRan实验中,OURS(Q) 是唯一一个随着拒绝率增加而持续平稳地提高 Recall@RR 指标的方法。与 VAE 和 STUN 相比,这两种方法也像我们的方法一样估计了模型的不确定性,OURS(Q) 在 Recall@RR=0.1/0.2/0.5 上实现了 +(1.32/3.02/8.46)% 的改进,而 VAE 和 STUN 分别下降了 -(3.79/5.24/8.80)% 和 -(2.97/4.16/6.30)%。

FMCW雷达位置识别如何优雅的实现(IROS2023)

Oxford Radar RobotCar的内省查询拒绝性能。随着被拒绝的不确定查询的百分比增加,Recall@1增加/减少。由于 VAE 的性能与其他方法相比较低(具体为Recall@RR=0.1/0.2/0.5的 (48.42/48.08/18.48)%),因此没有进行可视化。

FMCW雷达位置识别如何优雅的实现(IROS2023)

Mulran的内省查询拒绝性能。格式同上。

另一方面,与 MC Dropout 相比,后者估计了由于数据偏见和模型误差导致的认知不确定性,尽管它在Oxford Radar RobotCar实验的早期阶段有更高的 Recall@1 增加,但其性能总体上低于我们的,并且随着拒绝率进一步增加,未能实现更大的改进。最后,比较 OURS(Q) 和 OURS(QM) 在Oxford Radar RobotCar实验中,我们观察到 Recall@RR 的变化模式相似,而它们之间存在相当大的差距。这表明内省查询和地图维护机制独立地为地点识别系统做出了贡献,每种机制都以不可或缺的方式利用了不确定性度量。

关于Off the Radar的讨论

定性分析和可视化

为了定性地评估雷达感知中的不确定性来源,我们提供了使用我们的方法估计的两个数据集中的高/低不确定性样本的视觉比较。如图所示,高不确定性的雷达扫描通常显示出重度的运动模糊和稀疏的未检测区域,而低不确定性的扫描通常包含在直方图中强度更强的明显特征。

FMCW雷达位置识别如何优雅的实现(IROS2023)

具有不同不确定性水平的雷达扫描的可视化。左边的四个示例来自Oxford Radar RobotCar Dataset,而右边的四个示例来自MulRan。我们展示了具有最高 (顶部) / 最低 (底部) 不确定性的前10个样本。雷达扫描以增强对比度的笛卡尔坐标显示。每个图像下方的直方图显示了从所有方位角提取的强度的RingKey描述符特征。

这进一步支持了我们关于雷达感知中不确定性来源的假设,并作为我们的不确定性测量捕获这种数据噪声的定性证据。

数据集差异

在我们的基准实验中,我们观察到两个数据集之间的识别性能存在相当大的差异。我们认为可用训练数据的规模可能是一个合理的原因。Oxford Radar RobotCar的训练集包括超过300Km的驾驶经验,而 MulRan数据集只包括大约120Km。然而,也考虑到RingKey描述符方法的性能下降。这表明雷达场景感知中可能存在固有的不可区分的特征。例如,我们发现具有稀疏开放区域的环境通常导致相同的扫描和次优的识别性能。我们在这个数据集上展示了在这些高不确定性的情况下我们的系统和各种基线发生了什么。

FMCW雷达位置识别如何优雅的实现(IROS2023)

原文链接:https://mp.weixin.qq.com/s/wu7whicFEAuo65kYp4quow

以上就是FMCW雷达位置识别如何优雅的实现(IROS2023)的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/811586.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月26日 22:54:30
下一篇 2025年11月26日 22:54:52

相关推荐

  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 为什么我的 Safari 自定义样式表在百度页面上失效了?

    为什么在 Safari 中自定义样式表未能正常工作? 在 Safari 的偏好设置中设置自定义样式表后,您对其进行测试却发现效果不同。在您自己的网页中,样式有效,而在百度页面中却失效。 造成这种情况的原因是,第一个访问的项目使用了文件协议,可以访问本地目录中的图片文件。而第二个访问的百度使用了 ht…

    2025年12月24日
    000
  • 如何用前端实现 Windows 10 设置界面的鼠标移动探照灯效果?

    如何在前端实现 Windows 10 设置界面中的鼠标移动探照灯效果 想要在前端开发中实现 Windows 10 设置界面中类似的鼠标移动探照灯效果,可以通过以下途径: CSS 解决方案 DEMO 1: Windows 10 网格悬停效果:https://codepen.io/tr4553r7/pe…

    2025年12月24日
    000
  • 使用CSS mask属性指定图片URL时,为什么浏览器无法加载图片?

    css mask属性未能加载图片的解决方法 使用css mask属性指定图片url时,如示例中所示: mask: url(“https://api.iconify.design/mdi:apple-icloud.svg”) center / contain no-repeat; 但是,在网络面板中却…

    2025年12月24日
    000
  • 如何用CSS Paint API为网页元素添加时尚的斑马线边框?

    为元素添加时尚的斑马线边框 在网页设计中,有时我们需要添加时尚的边框来提升元素的视觉效果。其中,斑马线边框是一种既醒目又别致的设计元素。 实现斜向斑马线边框 要实现斜向斑马线间隔圆环,我们可以使用css paint api。该api提供了强大的功能,可以让我们在元素上绘制复杂的图形。 立即学习“前端…

    2025年12月24日
    000
  • 图片如何不撑高父容器?

    如何让图片不撑高父容器? 当父容器包含不同高度的子元素时,父容器的高度通常会被最高元素撑开。如果你希望父容器的高度由文本内容撑开,避免图片对其产生影响,可以通过以下 css 解决方法: 绝对定位元素: .child-image { position: absolute; top: 0; left: …

    2025年12月24日
    000
  • CSS 帮助

    我正在尝试将文本附加到棕色框的左侧。我不能。我不知道代码有什么问题。请帮助我。 css .hero { position: relative; bottom: 80px; display: flex; justify-content: left; align-items: start; color:…

    2025年12月24日 好文分享
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    000
  • 如何用 CSS Paint API 实现倾斜的斑马线间隔圆环?

    实现斑马线边框样式:探究 css paint api 本文将探究如何使用 css paint api 实现倾斜的斑马线间隔圆环。 问题: 给定一个有多个圆圈组成的斑马线图案,如何使用 css 实现倾斜的斑马线间隔圆环? 答案: 立即学习“前端免费学习笔记(深入)”; 使用 css paint api…

    2025年12月24日
    000
  • 如何使用CSS Paint API实现倾斜斑马线间隔圆环边框?

    css实现斑马线边框样式 想定制一个带有倾斜斑马线间隔圆环的边框?现在使用css paint api,定制任何样式都轻而易举。 css paint api 这是一个新的css特性,允许开发人员创建自定义形状和图案,其中包括斑马线样式。 立即学习“前端免费学习笔记(深入)”; 实现倾斜斑马线间隔圆环 …

    2025年12月24日
    100

发表回复

登录后才能评论
关注微信