可视化图表全屏
如何全屏
利用原生事件requestFullscreen
elem.requestFullscreen()
兼容性
直接使用遇到兼容性还蛮多, Chrome大多支持,firefox支持, safari不支持
fscreen
帮助解决兼容性问题
fscreen.requestFullscreen(element);
fscreen.exitFullscreen();
fscreen.addEventListener('fullscreenchange', handler, false);
fscreen.fullscreenElement
背景黑色
:-webkit-full-screen {
background-color: #f8f8f8 !important;
}
:-moz-full-screen {
background-color: #f8f8f8 !important;
}
:-ms-fullscreen {
background-color: #f8f8f8 !important;
}
:fullscreen {
background-color: #f8f8f8 !important;
}