# wrong_book_tools

**Repository Path**: gitee_xht/wrong_book_tools

## Basic Information

- **Project Name**: wrong_book_tools
- **Description**: An image collage processing tool based on fabric 、electron . 基于 fabric electron 的图像拼贴处理工具，初衷是错题拼接并打印。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-27
- **Last Updated**: 2023-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# wrong_book_tools

基于 fabric 的图像拼贴处理工具，初衷是错题拼接并打印。

![info](./public/info.png)

# 相关笔记

    1. 参考资料

        Vue.js + Electron 炸裂组合，打造跨平台桌面应用！
            https://juejin.cn/post/7283766466083536932
        Electron + Vue3 开发跨平台桌面应用【从项目搭建到打包完整过程】
            https://juejin.cn/post/6983843979133468708

        基于Vue-cli+Electron桌面应用开发
            https://juejin.cn/post/7189087049641623612
        使用vue-cli-plugin-electron-builder创建electron+vue项目
            https://blog.csdn.net/qq_39124701/article/details/128455662    


    2. 基于 vue ui 创建了新的项目。
    3. 在 vue ui 中 增加 electron-builder 组件 
    4. 增加 依赖 element-ui fabric-with-erasing
    5. 验证程序 npm run electron:serve
    6. 验证打包后的运行 npm run electron:build
    
        打包报错。提示 cannot resolve https://cdn.npm.taobao.org/dist/electron/13.0.0/electron-v13.0.0-win32-x64.zip: status code 404

        npm outdated electron 查看最新版本 修改 package.json 版本号至最新的 升级 electron npm update electron -D

        升级版本后，再次运行 npm run electron:build 程序正常，再次运行 npm run electron:build

             程序运行过程中，会下载 electron-v27.0.2-win32-x64.zip  和 winCodeSign-2.6.0.7z 等 需要保持网络畅通，出错后需要重新下载

        打包文件位于 \wrong_book_tools\dist_electron

            安装程序生成位置 dist_electron\wrong_book_tools Setup 0.1.0
            免安装程序生成位置 \dist_electron\win-unpacked

        修改package.json 增加 description 和 author 

        增加 VueDevtools_6.5.1_0_Edge 并调整配置 避免运行 和 打包慢 提示 Failed to fetch extension, trying 4 more times

    7. 相关遗留问题
        1. 按钮的图标文件看不到。
            修改vue.config.js 解决相关问题。
            参考资料 https://blog.csdn.net/qq_29712303/article/details/125002316
        2. 使用浏览器API获取剪切板图像。（导入图形卡顿，因为需要等待2s。）
            尝试 使用 electron 从剪贴板读取图像 ，但是程序启动失败了，因为 这个是后台的api 前台用不了。
            2023年10月27日13:59:10，对这个问题进行了优化，已经解决了。
        3. 编写说明，替换程序图标
            在 vue.config.js 增加图标设置，提示 图标 must be at least 256x256 需要修改ico 符合规则，目前主页窗口图标还是显示不了其他都可以。
        4. 导入一个图像后，再次导入同样的图像，不会导入，选择另外一个就可以。
            感觉和图像的缓存机制有关系，暂时没有找到解决办法。
        5. 后期是否增加，右键菜单，方便操作。    
        6. 从剪切板图像获取的图像，不能转换为灰度图像。
            2023年10月27日13:59:10，对这个问题进行了优化，已经解决了。