Как сделать углы закругленными в электронном приложении - PullRequest
Новая
       7

Как сделать углы закругленными в электронном приложении

0 голосов
/ 27 августа 2018 
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);
}

Всегда имеет белый зазор на углах, что делает его прямоугольным.

Попытка увеличить размер границы CSS, но все расширяется.

1 Ответ

0 голосов
/ 28 августа 2018

Критические свойства для этого: frame: false и transparent: 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...