Electron
文章平均质量分 63
Electron桌面开发
PegasusYu
化繁为简,由简入巧
展开
-
Pegasus Serial Port Tool @ Simplicity Version 串口测试工具简化版发布
此简化版工具用于串口测试,只支持最常用的一种模式:1个起始位8个数据位0个校验位1个停止位不支持高级功能如RTS/CTS等波特率设置范围2400bps - 230400bps使用帧显示模式(数组显示)时接收帧间隔建议大于等于100ms。原创 2022-12-21 14:38:37 · 778 阅读 · 0 评论 -
Electron使用滑动开关bootstrap-switch的方式
当需要在HTML应用包括Electron使用滑动开关时,可以采用bootstrap的ootstrap-switch插件,这里简单记录使用方式。原创 2022-10-18 14:14:07 · 907 阅读 · 0 评论 -
Three.js文字(非3D型)添加方式
Three.js文字(非3D型)添加方式即便是真3D模型的动画,有时候也需要添加一些平面型说明性内容如文字描述等,并非所有场景都需要将文字设置为3D文本,这里介绍非3D型文字添加的一种容易实现的方式。并以Electron工程作为范例。文本添加方式Electron是适合实现Three.js三维动画设计的平台,其前后端功能结合特性,使得设计的过程中不必如常规方式需要设置一个服务器进行访问。这里实现的方式是通过HTML里的Layer的概念,HTML里展示的内容,可以按照视觉的层进行布局,也就是Z轴。具体方原创 2022-02-28 09:19:33 · 1762 阅读 · 0 评论 -
three.js 3D模型导入问题及解决方式
three.js 3D模型导入问题及解决方式在研究three.js的3D模型导入的时候,遇到一些问题,虽然试用了官方介绍(https://threejs.org/docs/index.html#manual/en/introduction/Loading-3D-models)及网上搜到的一些参考,仍然不能正确实现3D模型的导入和使用。经过报错信息的追踪和调整验证,找到原因和解决方式,本篇会以GLTFLoader模型为例介绍正确导入方式,也是各种模型导入遇到问题的分析解决参考。关键原因及解决方式要原创 2021-12-18 09:17:36 · 6880 阅读 · 5 评论 -
Electron Security Warning (Insecure Content-Security-Policy) 告警解决
Electron Security Warning (Insecure Content-Security-Policy) 告警解决Electron的Console控制台出现如下告警时:是安全策略的设置告警,意思是内容安全策略没有设置,或者使用了unsafe-eval的安全设置。如果想要不出现上述告警,有两种方式。方式一:index.html文件里设置安全策略在HTML主文件的头部引入安全策略的设置,采用如下"unsafe"设置,Electron的控制台就不会显示告警了:<meta http原创 2021-11-12 14:50:30 · 16855 阅读 · 0 评论 -
Node.js实现WebAssembly方式(六)(Electron方式)
Node.js + WebAssembly实现形式(六)实现Node.js与WebAssembly配合实现有几种形式,这里介绍第六种:通过module方式进行,且具有脚本侧向C侧的函数注入,,以及内存空间操作。安装并激活Emscripten工具可参考http://webassembly.org.cn/getting-started/developers-guide/进行Linux环境工具安装。Module方式范例编写test.cc源文件,内容如下:#ifndef EM_PORT_API#原创 2021-07-25 18:05:59 · 620 阅读 · 0 评论 -
Node.js实现WebAssembly方式(五)(Electron方式)
Node.js + WebAssembly实现形式(五)实现Node.js与WebAssembly配合实现有几种形式,这里介绍第五种:通过module方式进行,且具有脚本侧向C侧的函数注入。安装并激活Emscripten工具可参考http://webassembly.org.cn/getting-started/developers-guide/进行Linux环境工具安装。Module方式范例编写test.cc源文件,内容如下:#ifndef EM_PORT_API# if defined原创 2021-07-25 18:05:25 · 1021 阅读 · 0 评论 -
Node.js实现WebAssembly方式(四)(Electron方式)
Node.js + WebAssembly实现形式(四)实现Node.js与WebAssembly配合实现有几种形式,这里介绍第四种:通过module方式进行。安装并激活Emscripten工具可参考http://webassembly.org.cn/getting-started/developers-guide/进行Linux环境工具安装。Module方式范例编写test.cc源文件,内容如下:#ifndef EM_PORT_API# if defined(__EMSCRIPTEN__原创 2021-07-25 18:04:47 · 888 阅读 · 0 评论 -
Electron实现Zbar开源工具解码一维码和二维码
Electron实现Zbar开源工具解码一维码和二维码1. 目的本Electron工程实现通过调用外部Zbar可执行文件,实现对一维码和二维码的解码,也作为Electron打包外部可执行文件的范例。2. 解码设计Electron界面上设计”Open File“按钮,当点击按钮并选择了图片文件后,文件地址会被记录。通过Canvas功能和已获得的图片地址,实现将图片读取并缩放到640*480分辨率显示。同步,通过调用外部Zbar解码可执行文件,进行解码,获得码元类型和码值:实现功能的ind原创 2021-07-22 20:16:45 · 1750 阅读 · 1 评论 -
Electron打开目录并获得绝对路径方式
Electron打开目录并获得绝对路径方式与打开特定文件获得绝对路径的方式(https://blog.csdn.net/hwytree/article/details/106759424)相似,只需要做一处代码调整,即可实现Electron打开特定目录并或得绝对路径。也即是将隐藏的input标签,进行2个属性的添加,原来的标签为 <div> <input type="file" class="form-control btn-block" placeholder="" readon原创 2021-05-06 13:44:28 · 3646 阅读 · 3 评论 -
Electron打开文件并获得绝对路径方式
Electron打开文件并获得绝对路径方式在桌面应用中,点击一个按钮,选择一个文件,后台再得到绝对路径进行后续处理是常见的实现。如采用Input标签File导入的方式,如下示例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/19原创 2020-06-15 12:22:18 · 8214 阅读 · 3 评论 -
双笔记本自带蓝牙的串口通讯
双笔记本自带蓝牙的串口通讯现在的笔记本电脑都自带蓝牙模块,而普通的台式PC, 也可以通过USB蓝牙模块扩展蓝牙功能。因此,对于都有蓝牙模块的电脑,可以通过将蓝牙虚拟成串口,进行双机通讯。对于Electron的串口应用,蓝牙串口也是一种可选方式。Window系统对蓝牙协议版本的支持对于蓝牙模块之间的互连,如果支持的协议不兼容,是查找不到对端设备的,而Windows系统对蓝牙版本的支持也有区别。...原创 2019-12-12 14:43:07 · 4240 阅读 · 4 评论 -
Electron串口工程打包Windows安装包
Electron串口工程打包Windows安装包关于electron-rebuildElectron串口工程建立时,会用到electron-rebuild进行模块rebuild,而打包用的electron-build对electron-rebuild会产生排斥。因此在串口工程初始化时使用electron-rebuild后,可将其卸载掉。安装electron-builder可以通过如下方式来...原创 2019-12-01 13:45:09 · 327 阅读 · 0 评论 -
Electron串口模块的安装
Electron串口模块的安装(Window)解压范例工程到一个目录, 确保系统安装了.net framework 2.0在该目录执行node.js模块仓库淘宝镜像设定npm install -g cnpm --registry=https://registry.npm.taobao.org安装默认模块(Electron)和模块串口模块cnpm installcnpm install...原创 2019-11-24 12:19:16 · 383 阅读 · 0 评论 -
HTML input标签输入内容正则表达式控制要点
HTML input标签输入内容正则表达式控制要点正则表达式的应用介绍关于什么是正则表达式,可以参考(https://www.runoob.com/js/js-regexp.html)了解,关于正则表达式更具体的方法介绍,可以参考(https://www.cnblogs.com/mmzuo-798/p/7264093.html)了解。正则表达式,最常用的方式,是和replace()方式配合,...原创 2019-11-22 17:14:06 · 3624 阅读 · 0 评论 -
Electron node integration enabled 设置
Electron node integration enabled 设置Electron调试Console报告如下内容时Electron Deprecation Warning (nodeIntegration default change) This window has node integration enabled by default. In Electron 5.0.0, node...原创 2019-11-20 17:25:51 · 9434 阅读 · 0 评论 -
用Visio制作矢量图及校正转换
用Visio制作矢量图及校正转换目标通过Visio制作导出矢量图,从而可以用在Electron工程中。要解决的问题用Visio导出的矢量图,常常会出现格式兼容问题,即便用浏览器打开也不能正确显示。解决方式引入Adobe Illustrator CC矢量工具,对输出格式进行调整,完成校正。实施步骤1. 在Visio里画上图形2. 在Visio里导出矢量格式文件选择“另存为”...原创 2019-11-20 13:57:59 · 4217 阅读 · 0 评论 -
Electron打包外部exe文件的控制
介绍在高级应用里,Electron可以通过进程调用的方式,调用操作系统的可执行文件,如windows系统里的.exe文件。在Electron工程,通过Electron-Buider打包成安装包的过程中,需要留意如下事项。注意事项JS代码里,指定的对相对或绝对目录的.exe文件的调用,在用Electron-Buider打包后,不会受到破坏。但是,该.exe文件及其目录不会被打包,所以需要打包后...原创 2019-10-27 10:53:34 · 4231 阅读 · 2 评论