You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
electron-viewport helps scale and emulate viewports. To use electron-viewport, first install it
4
+
electron-viewport helps emulate and scale viewports. Viewport can emulate a device viewport, such as emulating a phone device or 4k display, and can scale a window (maintaining aspect ratio) to fit on screen.
5
5
6
6
### Installation
7
7
`npm install --save electron-viewport`
@@ -33,21 +33,22 @@ Creates and returns a [BrowserWindow](https://github.com/electron/electron/blob/
33
33
### Getting scaled width and height
34
34
35
35
```javascript
36
-
var { width, height } =require('./viewport.js')(width, height)
36
+
var { width, height } =require('electron-viewport')(width, height)
37
37
```
38
+
Simply returns scaled dimensions so you may create your own window.
38
39
39
40
### Creating a scaled window
40
41
41
42
```javascript
42
-
var viewport =require('./viewport.js')(width, height)
43
+
var viewport =require('electron-viewport')(width, height)
43
44
var mainWindow =viewport.getWindow()
44
45
```
45
46
Creates a scaled BrowserWindow which fits on screen, with the width and height specified.
46
47
47
48
### Scaled window with device emulation
48
49
49
50
```javascript
50
-
var viewport =require('./viewport.js')(deviceWidth, deviceHeight, true)
51
+
var viewport =require('electron-viewport')(deviceWidth, deviceHeight, true)
51
52
var mainWindow =viewport.getWindow()
52
53
```
53
54
Creates a scaled BrowserWindow which fits on screen, with device emulation enabled for the passed width and height.
@@ -56,7 +57,7 @@ Creates a scaled BrowserWindow which fits on screen, with device emulation enabl
56
57
57
58
```javascript
58
59
var options = { frame:false } //specify your BrowserWindow options here, just an example
59
-
var viewport =require('./viewport.js')(width, height, options)
60
+
var viewport =require('electron-viewport')(width, height, options)
60
61
var mainWindow =viewport.getWindow()
61
62
```
62
63
Creates a scaled BrowserWindow which fits on screen, with the given [BrowserWindow options](https://github.com/electron/electron/blob/master/docs/api/browser-window.md) being passed
@@ -65,7 +66,7 @@ Creates a scaled BrowserWindow which fits on screen, with the given [BrowserWind
65
66
66
67
```javascript
67
68
var options = { frame:false } //specify your BrowserWindow options here, just an example
68
-
var viewport =require('./viewport.js')(width, height, true, options)
69
+
var viewport =require('electron-viewport')(width, height, true, options)
0 commit comments