전에 div 전체 화면 튜토리얼을 몇 개 작성한 적이 있는데, 모두 순수 html과 js 웹 페이지입니다. 하지만 이번에는 프레임워크가 Angular를 사용합니다. div 전체 화면을 어떻게 구현하나요? 텍스트는 div를 지도의 전체 화면으로 만들기 위한 것이며, 렌더링은 다음과 같습니다:
이전 게시물:
주소screenfull.js 전체 화면 플러그인을 사용하세요:하이퍼링크 로그인이 보입니다.
NPM 설치:
Angular 7은 플러그인을 소개합니다:
HTML 페이지 맵 코드:
div를 전체 화면으로 만들기 위해 onClickScreenFull 이벤트를 트리거하세요. ts 스크립트 코드는 다음과 같습니다:
관광객 여러분, 이 게시물의 숨겨진 내용을 보고 싶으시다면 부탁드립니다 회답
플러그인 내 HTML5 Fullscreen API도 Angular.js 전체 화면 효과를 낼 수 있습니다. 여기서 테스트하지 않겠습니다. 다음 주소를 말씀드리겠습니다:하이퍼링크 로그인이 보입니다.
리소스:하이퍼링크 로그인이 보입니다.
| 
게시됨 2019. 5. 21. 오전 10:39:45
|
|
|
|
게시됨 2020. 1. 14. 오전 11:40:19
|
