一个基于 React 的可缩放图片控件 | A scalab

react-zmage 是一个基于 React 的的图片缩放控件, 使用 Zmage 标签包裹后的图片可以获得缩放效果, 您可以用这个控件替代原生的 img 标签, 令其附带图片缩放功能

需 react 版本大于 v16.6.0

在线

https://zmage.caldis.me

本地

git clone https://github.com/Caldis/react-zmage cd react-zmage npm i npm run dev 安装

npm i react-zmage --save 使用 1.引入组件

import Zmage from 'react-zmage' 2.将页面中的 img 标签替换为 Zmage 组件

<img src="图片源连接"/>