magnifier-react

magnifier-react是什么?

一个跟商城类似的放大镜效果,可以自定义滑块的背景色、透明度、大小，滑块缩小图的大小， 放大区域的位置、大小。

如何使用呢？

import Magnifier from magnifier-react

    <Magnifier 
        src={图片地址}
        mainBox={{
            height:Nuumber,(必填)
            width:Nuumber(必填)
        }}
        moveBox={{
      	    height:Number,(必填)
  		    width:Number,(必填)
            background:String,（可选）
            opacity:Number,(可选)
            cursor:String(可选)
  	    }}
        showBox={{
      	    height:Number,(必填)
  		    width:Number,(必填)
            top:Number,(可选)
            left:Number(可选)
  	    }}
    >

• mainBox 为滑块父容器
• moveBox 为滑块
• showBox 为放大区域
• 虽然是算好的比例。但是在用的时候还是要注意一下比例问题

有问题反馈

• 在使用中有任何问题，欢迎反馈给我，可以用以下联系方式跟我交流
• 邮件(448022914#qq.com, 把#换成@)
• QQ: 448022914
• weixin: lol1992hhh
• 因为菜鸟，暂时不挂github和码云

开发者

在兴趣的驱动下,写一个练手的东西，希望你喜欢我的作品，也能支持一下，还在努力中， 谢谢各位。

关于作者

  var ihubo = {
    nickName  : "青青草原扛把子",
    site : "还在开发中"
  }