ht-image-zoomer

Vue组件，类电商商品页的图片放大镜功能

安装

npm install ht-image-zoomer

使用

<template>
  <image-zoomer src="http://p8.qhimg.com/bdr/__85/t01304fbba196c779c4.jpg"></image-zoomer>
</template>

<script>
import ImageZoomer from "ht-image-zoomer"
export default {
  components: {
    ImageZoomer
  }
}
</script>

参数

|属性名 |类型 |是否必填|默认值|说明 | |---------|-------|-------|-----|--------------------| |src |String |是 |- |图片地址 | |width |Number |否 |418 |正常视图区域宽度 | |height |Number |否 |418 |正常视图区域高度 | |zoomRatio|Number |否 |3 |放大比例（基于正常视图）|