Electron: enableLargerThanScreen ์˜ต์…˜์ด ์ž‘๋™ํ•˜์ง€ ์•Š์Œ

์— ๋งŒ๋“  2016๋…„ 03์›” 28์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: electron/electron

  • ์ „์ž ๋ฒ„์ „: 0.37.2
  • ์šด์˜ ์ฒด์ œ: Windows 10 64๋น„ํŠธ

ํ˜„์žฌ ๋ฐ์Šคํฌํƒ‘ ํ•ด์ƒ๋„(์˜ˆ: 1920x1080) ๋˜๋Š” ํ˜„์žฌ ๋ฐ์Šคํฌํƒ‘ ํ•ด์ƒ๋„๋ณด๋‹ค ํฐ BrowserWindow๋ฅผ ์ƒ์„ฑํ•ด ๋ณด์‹ญ์‹œ์˜ค. ์ฐฝ์˜ ํฌ๊ธฐ๋Š” 1920x1040์ž…๋‹ˆ๋‹ค(40px๋Š” ์•„๋งˆ๋„ ์ž‘์—… ํ‘œ์‹œ์ค„ ๊ณต๊ฐ„์ผ ๊ฒƒ์ž…๋‹ˆ๋‹ค). enableLargerThanScreen์„ true๋กœ ๋ณ€๊ฒฝํ•˜๊ณ  ์ตœ๋Œ€ ๋„ˆ๋น„/๋†’์ด๋ฅผ ํ˜„์žฌ ํ•ด์ƒ๋„ ์ด์ƒ์œผ๋กœ ๋ณ€๊ฒฝํ•˜๋ฉด ์•„๋ฌด ์ž‘์—…๋„ ์ˆ˜ํ–‰๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋‚ด BrowserWindow ์ž‘์„ฑ์ž: (ํˆฌ๋ช…ํ•œ ์ „์ฒด ํ™”๋ฉด ํ…Œ๋‘๋ฆฌ ์—†๋Š” ์ฐฝ์„ ๋งŒ๋“ค๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค - ์ „์ฒด ํ™”๋ฉด ์˜ค๋ฒ„๋ ˆ์ด)
capture = new BrowserWindow({ enableLargerThanScreen: true, x: 0, y: 0, width: 1920, height: 1080, frame: false, transparent: true, resizable: false, maxHeight: 1080, maxWidth: 1920, 'skip-taskbar': true, alwaysOnTop: true, hasShadow: false });

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ด์ œ ๋ฌธ์ œ๋ฅผ ์ดํ•ดํ•ฉ๋‹ˆ๋‹ค. Windows์—๋Š” ๋””์Šคํ”Œ๋ ˆ์ด๋ณด๋‹ค ํฐ ์ฐฝ์„ ๋งŒ๋“ค ์ˆ˜ ์—†๋‹ค๋Š” ํ”Œ๋žซํผ ์ œํ•œ์ด ์žˆ์ง€๋งŒ ์›ํ•˜๋Š” ํฌ๊ธฐ๋กœ ์ฐฝ ํฌ๊ธฐ๋ฅผ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ฐฝ ํฌ๊ธฐ๋ฅผ BrowserWindow ๋กœ ์ „๋‹ฌํ•˜๋ฉด ์ž‘๋™ํ•˜์ง€ ์•Š์ง€๋งŒ ๋Œ€์‹  setSize ๋ฅผ ํ˜ธ์ถœํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

capture.setSize(1920, 1080);

๋ชจ๋“  3 ๋Œ“๊ธ€

"์ž‘๋™ํ•˜์ง€ ์•Š์Œ"์€(๋Š”) ๋ฌด์Šจ ๋œป์ธ๊ฐ€์š”?

์„ค๋ช…์„œ์—์„œ ์•Œ ์ˆ˜ ์žˆ๋“ฏ์ด enableLargerThanScreen ์˜ต์…˜์€ "์ฐฝ ํฌ๊ธฐ๋ฅผ ํ™”๋ฉด๋ณด๋‹ค ํฌ๊ฒŒ ํ™œ์„ฑํ™”"ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค (ํญ์ด 1920px ์ด์ƒ์ด๊ณ  ๋†’์ด๊ฐ€ 1080px ์ด์ƒ์ธ ํ™”๋ฉด ํ•ด์ƒ๋„๋ณด๋‹ค ํฐ ์ฐฝ์„ ๋งŒ๋“ค๋ ค๊ณ  ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค). ๊ฒฐ๊ณผ๋Š” 1920x1040px ์ฐฝ๋ฟ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

์ด์ œ ๋ฌธ์ œ๋ฅผ ์ดํ•ดํ•ฉ๋‹ˆ๋‹ค. Windows์—๋Š” ๋””์Šคํ”Œ๋ ˆ์ด๋ณด๋‹ค ํฐ ์ฐฝ์„ ๋งŒ๋“ค ์ˆ˜ ์—†๋‹ค๋Š” ํ”Œ๋žซํผ ์ œํ•œ์ด ์žˆ์ง€๋งŒ ์›ํ•˜๋Š” ํฌ๊ธฐ๋กœ ์ฐฝ ํฌ๊ธฐ๋ฅผ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ฐฝ ํฌ๊ธฐ๋ฅผ BrowserWindow ๋กœ ์ „๋‹ฌํ•˜๋ฉด ์ž‘๋™ํ•˜์ง€ ์•Š์ง€๋งŒ ๋Œ€์‹  setSize ๋ฅผ ํ˜ธ์ถœํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

capture.setSize(1920, 1080);
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰