html5 填充背景图片


<body>
   <canvas id="c1" width="400" height="400">
   </canvas>
    <script type="text/javascript">
            var oC = document.getElementById("c1");
            var oGC = oC.getContext("2d");
            var img = new Image();
            img.onload = function () {
                draw(this);
            }
            img.src = '3.png';
            function draw(obj) {
                var bg = oGC.createPattern(obj,'repeat');
                oGC.fillStyle = bg;
                oGC.fillRect(0, 0, 300, 300);
            }
        
    </script>
</body>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM