ನನ್ನ ಕೆಲವು ಡೇಟಾವನ್ನು ಗ್ರಾಫ್ ಮಾಡಲು ನಾನು ಫ್ಲಾಟ್ ಅನ್ನು ಬಳಸುತ್ತಿದ್ದೇನೆ ಮತ್ತು ಈ ಗ್ರಾಫ್ ಪೂರ್ಣಪರದೆ ಕಾಣುವಂತೆ ಮಾಡುವುದು ಉತ್ತಮ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತಿದ್ದೆ (ಮಾನಿಟರ್ನಲ್ಲಿ ಪೂರ್ಣ ಜಾಗವನ್ನು ಆಕ್ರಮಿಸಿಕೊಳ್ಳಿ) ಗುಂಡಿಯನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದ ನಂತರ. ಪ್ರಸ್ತುತ, ನನ್ನ ಡಿವ್
ಈ ಕೆಳಗಿನಂತಿರುತ್ತದೆ:
ಸಹಜವಾಗಿ, ಶೈಲಿಯ ಗುಣಲಕ್ಷಣವು ಪರೀಕ್ಷೆಗೆ ಮಾತ್ರ. ನಿಜವಾದ ವಿನ್ಯಾಸದ ನಂತರ ನಾನು ಇದನ್ನು ಸಿಎಸ್ಎಸ್
ಗೆ ಸರಿಸುತ್ತೇನೆ. ಹೇಗಾದರೂ ನಾನು ಈ ಡಿವ್ ಪೂರ್ಣಪರದೆ ಮಾಡಲು ಮತ್ತು ಎಲ್ಲಾ ಈವೆಂಟ್ ನಿರ್ವಹಣೆಯನ್ನು ಕಾಪಾಡಬಹುದೇ?
Может использовать FullScreen API как это
function toggleFullscreen() {
let elem = document.querySelector('#demo-video');
if (!document.fullscreenElement) {
elem.requestFullscreen().catch(err => {
alert(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
});
} else {
document.exitFullscreen();
}
}
Демонстрация
const elem = document.querySelector('#park-pic');
elem.addEventListener("click", function(e) {
toggleFullScreen();
}, false);
function toggleFullScreen() {
if (!document.fullscreenElement) {
elem.requestFullscreen().catch(err => {
alert(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
});
} else {
document.exitFullscreen();
}
}
#container{
border:1px solid #aaa;
padding:10px;
}
#park-pic {
width: 100%;
max-height: 70vh;
}
<div id="container">
<p>
<a href="#" id="toggle-fullscreen">Toggle Fullscreen</a>
</p>
<img id="park-pic"
src="https://storage.coverr.co/posters/Skate-park"></video>
</div>