How to use the screenfull.toggle function in screenfull

To help you get started, we’ve selected a few screenfull examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github OXOYO / X-Flowchart-Vue / src / components / Editor / Index.vue View on Github external
info.data.forEach(data => {
                if (data.hasOwnProperty('id') && data.id) {
                  isRecord = true
                  let item = _t.editor.findById(data.id)
                  if (item && item[info.name]) {
                    // 执行操作
                    item[info.name]()
                    _t.editor.paint()
                  }
                }
              })
            }
            break
          case 'fullscreen':
            if (screenfull.enabled) {
              screenfull.toggle()
            }
            break
          case 'download':
            let fileName = _t.$X.config.system.name + '_' + _t.$X.utils.filters.formatDate(new Date(), 'YYYYMMDDhhmmss')
            if (info.data === 'image') {
              _t.editor.downloadImage(fileName)
            } else if (info.data === 'json') {
              let content = _t.editor.save()
              content = JSON.stringify(content)
              let blob = new Blob([content], {
                type: 'application/json;charset=UTF-8'
              })
              let url = URL.createObjectURL(blob)
              let link = document.createElement('a')
              link.textContent = 'download json'
              link.href = url
github thingsboard / thingsboard / ui-ngx / src / app / modules / home / home.component.ts View on Github external
toggleFullscreen() {
    // @ts-ignore
    if (screenfull.enabled) {
      // @ts-ignore
      screenfull.toggle();
    }
  }
github z-9527 / react-admin-master / src / components / HeaderBar / index.js View on Github external
screenfullToggle = () => {
    if (screenfull.enabled) {
      screenfull.toggle()
    }
  }
  logout = () => {
github linlinjava / litemall / litemall-admin / src / components / Screenfull / index.vue View on Github external
click() {
      if (!screenfull.enabled) {
        this.$message({
          message: '浏览器不支持全屏',
          type: 'warning'
        })
        return false
      }
      screenfull.toggle()
    }
  }
github xmlking / ngx-starter-kit / libs / toolbar / src / lib / components / fullscreen-toggle / fullscreen-toggle.component.ts View on Github external
toggleFullscreen() {
    if (screenfull.isEnabled) {
      screenfull.toggle();
      this.isFullscreen = !this.isFullscreen;
    }
  }
}
github inkubux / MediaSpeed / frontend / src / components / VideoPlayer.js View on Github external
onClickFullscreen = () => {
        screenfull.toggle(findDOMNode(this.container));
        this.setState({fullscreen: !this.state.fullscreen})
    };
github AGProjects / sylk-webrtc / src / app / mixins / FullScreen.js View on Github external
toggleFullscreen: function(elem) {
        if (screenfull.enabled) {
            screenfull.toggle(elem);
        }
    }
};
github james4388 / noahcar / autorc / nodes / web / ui / containers / MainApp.js View on Github external
toggleFullScreen() {
        if(this.el) {
            screenfull.toggle(this.el);
        }
    }
github may-fly / mayfly / mayfly-admin-front / src / views / Layout / App.vue View on Github external
screenfullToggle() {
        if (!Screenfull.enabled) {
          this.$message({
            message: '你的浏览器不支持全屏!',
            type: 'warning'
          })
          return false
        }
        Screenfull.toggle();
      },
      saveFixedTabBar(v) {