国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

canvas下的全屏問題

alexnevsky / 2809人閱讀

摘要:這段時間在管理后臺,有用到圖片全屏的,我是用的引入的圖片,哎也是給自己挖了一個大坑,沒辦法,只能踩坑走啦,所以當(dāng)時想著能不能直接用直接進(jìn)行圖片全屏查看,不過網(wǎng)上百度出來的也是五花八門,結(jié)合百度自己整理了一個小的點(diǎn)擊全屏引入圖片在中進(jìn)行全屏并

這段時間在管理后臺,有用到圖片全屏的,我是用canvas的引入的圖片,哎!也是給自己挖了一個大坑,沒辦法,只能踩坑走啦,所以當(dāng)時想著能不能直接用canvas直接進(jìn)行圖片全屏查看,不過網(wǎng)上百度出來的也是五花八門,結(jié)合百度自己整理了一個小的demo

HTML

  
JS
window.onload = function(){  
          //引入圖片在canvas中
        var blog =document.getElementById("blog");  
        var context = blog.getContext("2d");  
        var img = new Image();  
        img.onload = function(){  
            draw(this);  
        };  
        img.src = "img/2.jpg";  
        function draw(obj){  
            context.drawImage(obj,0,0);        
        }  
    };  
    //進(jìn)行全屏并適配各瀏覽器
      function fullScreen() {
          var element = document.getElementById("blog"),method = "RequestFullScreen";
            var prefixMethod;
            ["webkit", "moz", "ms", "o", ""].forEach(function(prefix) {
                if (prefixMethod) 
                    return;
                if (prefix === "") {
                    // 無前綴,方法首字母小寫
                    method = method.slice(0,1).toLowerCase() + method.slice(1);
                }
                var fsMethod = typeof element[prefix + method];
                    if (fsMethod + "" !== "undefined") {
                        // 如果是函數(shù),則執(zhí)行該函數(shù)
                        if (fsMethod === "function") {
                            prefixMethod = element[prefix + method]();
                        } else {
                            prefixMethod = element[prefix + method];
                        }
                    }
                }
            );
            return prefixMethod;
        };

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/50380.html

相關(guān)文章

  • canvas下的全屏問題

    摘要:這段時間在管理后臺,有用到圖片全屏的,我是用的引入的圖片,哎也是給自己挖了一個大坑,沒辦法,只能踩坑走啦,所以當(dāng)時想著能不能直接用直接進(jìn)行圖片全屏查看,不過網(wǎng)上百度出來的也是五花八門,結(jié)合百度自己整理了一個小的點(diǎn)擊全屏引入圖片在中進(jìn)行全屏并 這段時間在管理后臺,有用到圖片全屏的,我是用canvas的引入的圖片,哎!也是給自己挖了一個大坑,沒辦法,只能踩坑走啦,所以當(dāng)時想著能不能直接用c...

    Object 評論0 收藏0
  • js全屏模式輕松掌握[局部元素全屏展示]

    摘要:推薦這么做,因為如果每個都要這樣重復(fù)的判斷瀏覽器前綴,那也太惡心了瀏覽器是否支持全屏模式屬性返回一個布爾值,表示當(dāng)前文檔是否可以切換到全屏狀態(tài)。 showImg(https://segmentfault.com/img/remote/1460000017229080?w=700&h=467); 我第一次對網(wǎng)頁全屏模式有概念,是那種網(wǎng)頁播放視頻的全屏播 放的那種。感覺很強(qiáng),前幾個星期有個...

    amc 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<