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>
效果示例: