An electron-vue project
# install dependencies
npm install
# serve with hot reload at localhost:9080
npm run dev
# build electron application for production (Mac)
npm run build:darwin
# build electron application for production (Windows)
npm run build:win32
# build electron application for production (Linux)
npm run build:linux
electron 小 demo,用到了 electron-vue 这个 vue-cli 模板,主要作用是将剪切板中的图片转成 base64 编码的,并通过一键复制成 img 标签或 markdown 的图片语法,可以通过滑块调整图片缩放和压缩率。
编写的目的是,Typora 没有方便的粘贴图片的办法,![Alt text][]
如果在其中写入本地图片的相对路径的话,导出成 html 会导致图片消失,另一种办法是在其中写入图片的 base64 编码。markdown 中调节图片大小根据编辑器的支持有不同的写法,我用的 typora 只支持基于 来调节因此我加上了滑动调节大小的功能,又因为转成 base64 后长度很长,因此使用 canvas.toDataURL 的 api 来进行压缩。
demo 的界面:
This project was generated with electron-vue@1c165f7 using vue-cli. Documentation about the original structure can be found here.