html5image使用大全-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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);
    }





创新互联建站专注于企业网络营销推广、网站重做改版、嵊州网站定制设计、自适应品牌网站建设、HTML5商城系统网站开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为嵊州等各大城市提供网站开发制作服务。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享文章:html5image使用大全-创新互联
地址分享:http://kswsj.cn/article/cccghh.html

其他资讯