2

レールアプリケーションから Processing.js に値を渡す方法、 processing.js を使用して単純なキャンバスを作成しています

void drawBox(int bx, int by, int bs, int bs){
      strokeWeight(3); 
      stroke(50,50,50);
      // Test if the cursor is over the box 
      if (mouseX > bx-bs && mouseX < bx+bs && 
          mouseY > by-bs && mouseY < by+bs) {
        bover = true;
       if(!locked) { 
          fill(181,213,255);
        } 
      } else {
        fill(255);
          bover = false;
      }
      fill(192);
      stroke(64);
      roundRect(bx, by,80,30,10,10);
      // put in text 
      if (!isRight) {
        text("Box Value", x-size+5, y-5);
      //Here i need to pass value from my controller
      }
      else {
        text("Box Value", x+5, y-5);  
 //Here i need to pass value from my controller    
      }
    }

静的文字列 "Box Value" の代わりに、ex @post.name から ajax を介して値を渡す必要があります

4

2 に答える 2

0

純粋なJavaScriptを処理コードに追加できます：http：//processingjs.org/reference/articles/jsQuickStart#mixingjsandprocessing

したがって、お気に入りのライブラリを使用してAJAXからデータを取得するのは簡単です。

于 2011-12-21T09:29:39.370 に答える
0

グローバル変数をテキストに設定するか、データ ストアを使用して DOM 要素にアタッチする RJS テンプレートを使用してこれを行います。次に、processing.js で変数を使用してテキストをレンダリングします。

于 2010-04-17T15:21:11.657 に答える