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