zoukankan      html  css  js  c++  java
  • canvas画图

    如何等待所有图片加载完成后,才开始绘图?

      多张图片绘制需要按照特定的顺序,而加载完成顺序是完全无法预测,只能等待所有图片加载完成,才能开始绘制。

      /***************************

      //典型的错误代码

      var img1 = new Image();

      img1.src = "";

      img1.onload = function(){

           ctx.drawImage(img1, x, y);

      }

      var img2 = new Image();

      img2.src = "";

      img2.onload = function(){

           ctx.drawImage(img2, x, y);

      }

      ******************************/

      var progress = 0;    //加载进度 0~100

      var img1 = new Image();

      img1.src = "";

      img1.onload = function(){

           progress += 80;

           if(progress===100){

                  startDraw();

           }

      }

      var img2 = new Image();

      img2.src = "";

      img2.onload = function(){

           progress += 20;

           if(progress===100){

                  startDraw();

           }

      }

     

  • 相关阅读:
    GridView 内部添加控件
    TreeList获取选中内容
    TreeList简介
    TreeList
    DEV—【GridControl 按钮列无法触发点击事件解决方案】
    dev 多行文本 MemoEdit
    DevExpress控件使用小结
    DEV常用设置
    DEV常用设置
    documentManager1注意事项
  • 原文地址:https://www.cnblogs.com/liangfc/p/7375499.html
Copyright © 2011-2022 走看看