Buper
批量图片裁剪工具
A batch image cropping application.
一个偶然的情况下,由Motrix接触到了Electron,惊讶于Motrix的颜值,感叹Electron技术的强大。
项目介绍
刚接触Electron和Vue,对其不甚了解,所以在一开始参考了Motrix(抄代码)和Imagine(仿界面)的很多东西。希望作者能够理解 🙏
迄今为止,4天。借助着开发文档和Html+CSS+JS的基础,主界面已经有了雏形。
界面
相册界面
编辑界面
接下来的工作
一个bug
当相册内容为空,然后拖入图片后,相册不会显示该图片。除非打开文件对话框并加入图片,之前的图片才会显示。说明一下,拖入图片后,Vue的数据已经更新,但界面没有更新,这是问题所在。按前文的方法打开对话框并选择文件后,再拖入图片就会正常显示。在这里希望大佬可以帮忙看一下问题。
相册(主界面)
添加随便浏览按钮,利用爬虫获取网上(Unsplash)的图片并显示。只是为了好看。
编辑页面
点按编辑按钮后,需要另起页面,载入图片并可以绘制方框以裁剪图片。
图表页面
以批量裁剪的数据绘制图表。(可选功能)
设置页面
图片处理设置相关,也可以选择要“随意浏览”的网站。
关于页面
关于Buper,是由batch、picture、crop三个词编出来的。
技术栈
This project was generated with electron-vue@8fae476 using vue-cli. Documentation about the original structure can be found here.