点击按钮触发 exitFullScreen() 函数关闭全屏
如果需要监听全屏状态变换,可以监听 fullscreenchange 时间
https://github.com/gywgithub/vue-d3-examples
https://github.com/gywgithub/vue-d3-examples/blob/master/src/views/Examples.vue#L263
https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API
https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API/Guide
图片宽度设成100%,理论上不是单色图案、重复背景图案、或js动态生成的画布上的矢量图,jpg之类的是没办法满屏的,320的时候满屏了,横过来看480的时候,高度又少了,可视区外还有一截。设置图片自适应。首先设置一个div 用来装 img ,div 的宽 为图片的宽,一般使用百分百就可以了,例如
width:100%不要设置高度,让图片自动撑开高度。
然后设置 img 的 width:100%display:block将标签 img 设置为块级元素。
这样不管 div 的宽为多大,图片都是根据 div 等比例缩放。