这段时间在管理后台,有图片是全屏的,我用canvas导入图片,哎!我也给自己挖了一个大坑。只好踩着坑走人了。所以当时就想能不能直接用canvas来全屏查看图片。不过网上也有各种百度的图片。结合百度,整理了一个小的。demoHTML
JSwindow.onload=function(){//将图片引入canvasvarblog=document.getElementById('blog');varcontext=blog.getContext('2d');varimg=新图像();img.onload=function(){绘制(这个);};img.src='img/2.jpg';函数draw(obj){context.drawImage(obj,0,0);}};//全屏并适应每个浏览器functionfullScreen(){varelement=document.getElementById('blog'),method="RequestFullScreen";var前缀方法;[“webkit”、“moz”、“ms”、“o”、“”]。forEach(函数(前缀){如果(前缀方法)返回;if(prefix===""){//没有前缀,方法首字母小写method=method.slice(0,1).toLowerCase()+method.slice(1);}varfsMethod=typeofelement[前缀+方法];if(fsMethod+""!=="undefined"){//如果是函数,则执行函数if(fsMethod==="function"){prefixMethod=element[prefix+method]();}else{prefixMethod=element[前缀+方法];}}});返回前缀方法;};