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

uniapp移动端图片比较器组件,仿英伟达官网rtx光追图片比较器功能

组件下载地址:https://ext.dcloud.net.cn/plugin?id=22609

已测试h5和微信小程序,理论支持全平台

亮点:
简单易用
使用js计算而不是resize属性,定制化程度更高
组件挂在后可播放指示线动画,提示用户可以拖拽比较图片
左右下角可配置文字,且指引线距离文字过近时文字会变透明

使用示例

<view class="content">
        <iliya-img-comparer left-img="https://env-00jxhol06ilx.normal.cloudstatic.cn/comparer/left-img.webp"
            right-img="https://env-00jxhol06ilx.normal.cloudstatic.cn/comparer/right-img.webp" right-text="RTX ON">
            <template #left-text>
                <view style="color: red;">
                    RTX OFF
                </view>
            </template>
        </iliya-img-comparer>
    </view>

效果示例:
在这里插入图片描述
在这里插入图片描述

相关文章:

  • ⚡️Jolt -- 通过JSON配置来处理复杂数据转换的工具
  • [Java实战]Spring Boot服务CPU 100%问题排查:从定位到解决
  • JS - 重点JS方法温故而知新
  • ROS2 系统架构
  • Linux调度器 --- 负载均衡的存在的问题
  • AI 助力医学统计:复杂临床数据处理的 “救星”
  • 【Oracle】19c数据库控制文件多路径配置
  • Docker 容器指标搜集工具cAdvisor
  • 一款基于Python的从常规文档里提取图片的简单工具开发方案
  • 用 Python 进行比特币数据分析:从入门到实战
  • k8s 配置两个deployment主机级别互斥部署
  • 硬件驱动——51单片机:寄存器、LED、动态数码管
  • Google Cloud Run 如何实现无服务器(Serverless)部署?
  • 受控组件非受控组件
  • 论文阅读:Deep Hybrid Camera Deblurring for Smartphone Cameras
  • 【工作记录】pytest使用总结
  • 深度学习中的并行策略:数据并行、流水并行与张量并行
  • DR-CAN 卡尔曼滤波笔记
  • Python库安装报错解决思路以及机器学习环境配置详细方案
  • 机器学习中说的正向传递和反向传递是什么意思
  • 安徽凤阳县明中都鼓楼楼宇顶部瓦片部分脱落,无人员伤亡
  • 文化厚度与市场温度兼具,七猫文学为现实题材作品提供土壤
  • 中国古代文学研究专家、南开大学教授李剑国逝世
  • 杨国荣︱以经验说事:思想史研究中一种需要反思的现象
  • 英国警方再逮捕一名涉嫌参与首相住宅纵火案嫌疑人
  • 被围观的“英之园”,谁建了潮汕天价违建?