nw.js能做异形窗体吗

JavaScript025

nw.js能做异形窗体吗,第1张

可以，思路是设置浏览器无边框，无顶部拖动窗口横条、关闭、放大、缩小按钮，窗口透明。然后在页面里画什么形状，窗口就是什么形状了。因为没有关闭，缩放，拖动按钮，这些事情都要在页面里自己做。

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: none

            background:#00C:color:#FFF">

    拖动条

</div>

<div style="-webkit-app-region: no-drag 

            background:#99Fwidth:200pxheight:200px

            border-radus:100px">

    内容部分

</div>

3、设置关闭按钮，这个应该比较简单了

剩下根据需求，做其他功能了

我看了你这个图纸 由于不能看到里面详细尺寸，但是似乎是一个框架结构的放样，而且尺寸也不是很大的，要是我来放线，有两种：一种就是全站仪，你可以构建一个三角形，然后通过三角函数，计算出角度，直接用全站仪放在异形柱的中心点位置，然后对准一个横向方向或者在纵向方向的轴线，在便宜一定的角度，确定一个直线，然后在把你另外一个轴线延伸，得到一个交叉点。放样就完成了。 第二个方法就是沿着两个轴线，把他们分别延长一段距离，然后上面一个点的定位是这样的，从轴线方向按照图纸量出定位点距离柱子的距离，另外一个定位点就是异形柱的中心，在把两个定位点拉一条直线，就是你要放的线了。 第二个是没有全站仪的情况下，用经纬仪就可以完成，这个放线不是很复杂的，应该很简单的。 不知道你明白没有。

链接: https://pan.baidu.com/s/14yPVtMnncrJsuA8Ae_Ja4g

 提取码: m5y5

《异形：契约》是雷德利·斯科特执导，迈克尔·格林 / 约翰·洛根 / 杰克·帕格恩编剧，迈克尔·法斯宾德 / 凯瑟琳·沃特斯顿等主演的科幻电影，该片于2017年5月10日上映。影片讲述了在一艘名为“契约”的殖民太空船之上，飞船上搭载了两千名进入沉睡的殖民者，他们的目的地是遥远的欧米伽六号行星，希望能够在那里建立新的家园。一场意外的发生令契约号的能量收集帆遭到了破坏，船长布兰森（詹姆斯·弗兰科 James Franco 饰）亦不幸身亡。作为代理船长的欧朗（比利·克鲁德普 Billy Crudup 饰）带领着惊恐而又悲伤的船员们降落到了一颗未知的神秘星球上。在这里，他们遇见了仿生人大卫（迈克尔·法斯宾德 Michael Fassbender 饰），大卫热情的接纳了人类的到来，并讲述了他和已故的肖博士（劳米·拉佩斯 Noomi Rapace 饰）在这里生活的经历。就在大卫渐渐赢得了船员们的信任的同时，大家已经一步一步的走入了前者为他们精心打造的地狱之中。