html5image使用大全




    


    var p_w_picpathLoader = {
        loaded:true,
        loadedImages:0,
        totalImages:0,
        load:function(url){
            this.totalImages++;
            this.loaded = false;
            var p_w_picpath = new Image();
            p_w_picpath.src = url;
            p_w_picpath.onload = function(){//图片加载后调用的图片
                p_w_picpathLoader.loadedImages++;
                if(p_w_picpathLoader.loadedImages === p_w_picpathLoader.totalImages){
                    p_w_picpathLoader.loaded = true;
                }
            }
            return p_w_picpath;
        }
    };

    function pageLoaded(){
        var canvas = document.getElementById('testcanvas');//得到画布
        var context = canvas.getContext('2d');//得到绘图环境  参数为绘图环境的类型

        p_w_picpathLoader.loaded = false;
        var p_w_picpath_gx1 = p_w_picpathLoader.load('/testimg/gx/gx1.png');
        var p_w_picpath_gx2 = p_w_picpathLoader.load('/testimg/gx/gx2.jpg');
        var p_w_picpath_gx3 = p_w_picpathLoader.load('/testimg/gx/gx3.jpg');
        var p_w_picpath_gx4 = p_w_picpathLoader.load('/testimg/gx/gx4.jpg');



        var interHandler = setInterval(function () {
            if(p_w_picpathLoader.loaded){
                context.drawImage(p_w_picpath_gx1,0,0,100,100);
                context.drawImage(p_w_picpath_gx2,101,0,100,100);
                context.drawImage(p_w_picpath_gx3,201,0,100,100);
                context.drawImage(p_w_picpath_gx4,301,0,100,100);
                clearInterval(interHandler)
            }
        },50);
    }






分享名称:html5image使用大全
网页路径:http://bzwzjz.com/article/jcggej.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设公司 成都网站设计 企业手机网站建设 四川成都网站制作 LED网站设计方案 四川成都网站设计 企业网站设计 成都网站制作 响应式网站建设 成都网站建设 成都网站建设 手机网站制作 手机网站制作 成都网站建设 重庆电商网站建设 成都网站建设 成都网站设计 企业网站建设公司 成都营销网站建设 定制网站制作 成都网站设计 成都响应式网站建设公司