vue项目实现图片缩放与拖拽功能

在项目开发中遇到一个需求:

1:用鼠标滚轮可对图片进行缩放处理

2:点击按钮可对图片进行缩放处理

3:可对图片进行拖拽处理

我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用

1:个人进行实现:

源码:





效果:

vue项目实现图片缩放与拖拽功能_第1张图片

2:通过借鉴他人优秀帖子所修改实现

源码:





效果:@韩桑

vue项目实现图片缩放与拖拽功能_第2张图片

你可能感兴趣的:(vue.js,javascript,前端)