如何实现Electron点击穿透不规则窗体透明区域的点击穿透功能？

本文共计1315个文字，预计阅读时间需要6分钟。

目录+实现一个不规则窗体+点击穿透透明区域+实现一个不规则窗体+这里我们实现一个圆形窗体，实现其他形状的窗体与这种方法类似+首先，将窗口的高度（height）和宽度（width）值进行修改“

目录

• 实现一个不规则窗体
• 点击穿透透明区域

实现一个不规则窗体

这里我们实现一个圆形窗体，实现其他形状的窗体与这个方法类似。

首先，把窗口的高度（height）和宽度（width）值修改为相同的值，使窗口成为一个正方形。

其次，把窗口的透明属性（transparent）设置为true，这样设置之后窗口还是正方形的，但只要我们控制好内容区域的Dom元素的形状，就可以让窗口看起来像一个不规则形状一样。

不规则窗口往往需要自定义边框和标题栏，所以frame也设置为false。

另外，透明的窗口不可调整大小。所以将resizable属性设置为false。

窗口显示后，为了防止双击窗口可拖拽区触发最大化事件，我们把maximizable属性也设置为false。