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中设置背景图片平铺整个页面背景图片自适应大小（平铺）