canvas背景圖片平鋪

本文轉載自查看原文 2018-12-02 15:22 2007 canvas

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            body{background: black;}
            #c1{background: wheat;}
        </style>
        <script>
            window.onload=function(){
            
                    var oc=document.getElementById('c1');
                    var gc=oc.getContext('2d');
                    var yimg=new Image();
                    yimg.onload=function(){
                        draw(this);
                    };
                    yimg.src="img/02.jpg";
                    function draw(obj){
                        var bg=gc.createPattern(obj,'repeat');
                        gc.fillStyle=bg;
                        
                        gc.fillRect(0,0,600,600);
                    }
            };
        </script>
    </head>
    <body>
     <canvas id="c1" width="800" height="800"></canvas>
    </body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Duilib技巧：背景圖片平鋪背景圖片平鋪屬性 Android設置背景圖片平鋪 css 背景圖片平鋪 CSS背景顏色、背景圖片、平鋪、定位、固定 CSS背景顏色、背景圖片、平鋪、定位、固定 css 實現背景圖片平鋪整個屏幕 ie8下背景圖片平鋪問題 css中設置背景圖片平鋪整個頁面背景圖片自適應大小（平鋪）