vue放大缩小div

最新推荐文章于 2024-09-05 16:02:20 发布

奋斗的蜗牛，奔跑吧

最新推荐文章于 2024-09-05 16:02:20 发布

阅读量5.1k

点赞数

分类专栏：前端 vue 文章标签： dom vue js

本文链接：https://blog.csdn.net/weixin_42666837/article/details/108739091

版权

前端同时被 2 个专栏收录

46 篇文章 0 订阅

订阅专栏

vue

16 篇文章 0 订阅

订阅专栏

 <span @click="narrow()">
		   <svg class="fulls-iconfont" aria-hidden="true">
		     <use xlink:href="#bi-cancel-full-screen"></use>
		   </svg>
	   </span>
	   <span @click="enlarge()">
		   <svg class="fulls-iconfont" aria-hidden="true">
		     <use xlink:href="#bi-full-screen"></use>
		   </svg>
	   </span>

enlarge() {
		var dom= document.getElementById('canvas')
		if (dom.requestFullscreen) {
			dom.requestFullscreen()
		} else if (dom.mozRequestFullScreen) {
			dom.mozRequestFullScreen()
		} else if (dom.webkitRequestFullscreen) {
			dom.webkitRequestFullscreen()
		} else if (dom.msRequestFullscreen) {
			dom.msRequestFullscreen()
		}
		this.flag= true
	}

	narrow() {
		if (!this.flag) return
		document.exitFullscreen()
		this.flag= false
	}