可以,思路是设置浏览器无边框,无顶部拖动窗口横条、关闭、放大、缩小按钮,窗口透明。然后在页面里画什么形状,窗口就是什么形状了。因为没有关闭,缩放,拖动按钮,这些事情都要在页面里自己做。
1、在package.json中定义window时,增加下面几项,看单词意思比较清晰,其他根据需要设置
"window": {"toolbar": false,
"frame": false,
"transparent": true
}
2、设置窗口可拖动部分css: -webkit-app-region: drag-webkit-user-select: none可拖动,不能选择。设置窗口为特殊形状,例如圆角,也可以用透明PNG做背景图。
<div style="-webkit-app-region: drag-webkit-user-select: nonebackground:#00C:color:#FFF">
拖动条
</div>
<div style="-webkit-app-region: no-drag
background:#99Fwidth:200pxheight:200px
border-radus:100px">
内容部分
</div>
3、设置关闭按钮,这个应该比较简单了
剩下根据需求,做其他功能了