使用viewerJs替换fastadmin中表格图片预览功能，实现鼠标缩放旋转等功能

在FastAdmin中使用Viewer.js替换原有的图片预览功能，可以增加鼠标缩放和旋转的功能。以下是实现的步骤和示例代码：

1. 安装Viewer.js依赖：

   在FastAdmin的前端项目中，通过npm或yarn安装Viewer.js。

   
   
   
   npm install viewerjs --save

   或者

   
   
   
   yarn add viewerjs

2. 引入Viewer.js库：

   在需要使用图片预览的页面中，引入Viewer.js。

   
   
   
   <script src="path/to/viewer-jquery.min.js"></script>

3. 初始化Viewer.js：

   使用Viewer.js创建图片预览功能。

   
   
   
   <div>
       <img id="image" src="path/to/image.jpg" alt="图片" style="display: none;">
   </div>
   <script>
       $(function(){
           var viewer = new Viewer(document.getElementById('image'), {
               url: 'src',
               toolbar: {
                   zoomIn: 1,
                   zoomOut: 1,
                   oneToOne: 1,
                   reset: 1,
                   prev: 1,
                   play: 0,
                   next: 1,
                   rotateLeft: 1,
                   rotateRight: 1,
                   flipHorizontal: 1,
                   flipVertical: 1
               }
           });
       });
   </script>

4. 替换FastAdmin中的图片预览代码：

   找到FastAdmin中用于图片预览的JS和CSS文件，将其替换为Viewer.js的文件。

5. 测试和优化：

   在浏览器中打开相关页面，测试图片预览功能是否正常工作。根据需要进行代码优化和功能扩展。

注意：以上代码示例是基于jQuery和Viewer.js的默认配置。在实际项目中，请确保路径正确，并且适配FastAdmin的其他特定需求。