gpt4 book ai didi

html - 如何在 Electron 应用程序中使 Angular 变圆

转载 作者:太空宇宙 更新时间:2023-11-04 07:00:48 25 4
gpt4 key购买 nike

const electron = require("electron");
const {app, BrowserWindow, globalShortcut} = electron;
const path = require("path");

function createWindow(){
win = new BrowserWindow({
width: 1000,
height: 750,
icon: path.join(__dirname,'\checked.png'),
frame: false,
fullscreenable:false,
// radii: [5,5,5,5],
// transparent:true

});

win.loadFile('mainWindow.html')
win.setMenu(null);
}

总是在 Angular 上有一个白色的边框间隙,使其成为矩形。

试图增加 css 的边框大小,但一切都扩大了。

最佳答案

关键属性是:frame: falsetransparent: true(你错过了后者)

js

const {app, BrowserWindow} = require('electron')
const path = require('path')

app.once('ready', () => {
let win = new BrowserWindow({
frame: false,
transparent: true
})
win.loadURL(path.join(__dirname, '/roundedcorner.html'))
})

html

<html>
<body>
<p style="border-radius: 25px; background: #73AD21; height: 300px;"></p>
</body>
</html>

关于html - 如何在 Electron 应用程序中使 Angular 变圆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52045236/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com