Question

在处理绘图循环中，我有一个算法，它使用面部检测来触发拍摄的图像。但到目前为止，我无法在绘图循环中显示图像。有没有人知道如何在图像加载和显示之前暂停绘图循环？这是我绘图循环的部分：

  if (faces.length > 0) {
    save("Source/face.jpg");
    PImage img = loadImage("Source/face.jpg");
    image(img,0,0);
  } else {
    println("not seeing anything");
  }

显然这不起作用，如何在处理中动态加载和显示图像？

Answer 1

我在javascript中有这个功能

loadimage: function(image, i) {
var img = new Image();
$(img).load(function () {
       $(this).hide();
       $('#loader'+i).append(this);
       $('#loading'+i).removeClass('image-container-loading');
       $(this).fadeIn();
     }).error(function () {
           // notify the user that the image could not be loaded
     }).attr('src',image).css('width','50px').css('height','50px').css('position','absolute');
  }

调用：

self.loadimage('http://www.test.com/files/images/hi.jpg,ide);

HTML：

<li class='promotion'><span class='image-container' id='loader"+ide+"'>
<span class='units'></span>
<span style='border: solid 0px' class='image-container-loading' id='loading'>
</span></li>

动态图像加载处理

1 个答案: