nw.js能做异形窗体吗

JavaScript027

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 饰)在这里生活的经历。就在大卫渐渐赢得了船员们的信任的同时,大家已经一步一步的走入了前者为他们精心打造的地狱之中。