vue2.0-zoom基於vue的圖片放大鏡效果插件

vue2.0-zoom

基於vue的圖片放大鏡效果插件

演示地址

安裝

npm install vue2.0-zoom

引入

import imgZoom from 'vue2.0-zoom'

組件

components: { imgZoom }

標籤

<img-zoom src="img-samll.jpg" width="450" height="250" bigsrc="img-big.jpg" :configs="configs"></img-zoom>

配置參數

configs: {
             width:650,
             height:350,
             maskWidth:100,
             maskHeight:100,
             maskColor:'red',
             maskOpacity:0.2
           }

有問題歡迎留言、star，詳細參數說明

Github地址