【问题标题】:Beginner question: How do I integrate processing.js with a Rails 3.1 app?初学者问题:如何将 processing.js 与 Rails 3.1 应用程序集成?
【发布时间】:2011-08-23 00:47:00
【问题描述】:

初学者 rails/javascript 问题:

假设我在 Rails 3.1 应用程序中有一个简单的 Circle 模型,并带有 show 操作/视图。每个Circle 都有一个名为:radius 的属性——一个整数值。

当我通过其show.html.erb 文件查看Circle 时,我想要一个非常简单的 processing.js 草图来接收圆的半径并在页面上绘制圆。通过将文件保存在 assets/javascripts 文件夹中,我已经在我的应用程序中包含了 processing.js。

我的简单 processing.js 草图位于一个名为 circle.js 的文件中。它的内容是:

// Setup the Processing Canvas  
void setup(){  
  size( 200, 200 );  
  strokeWeight( 10 );  
  frameRate( 15 );  
  X = width / 2;  
  Y = height / 2;
  radius = 10;      
}  

// Main draw loop  
void draw(){    
  // Fill canvas grey  
  background( 100 );  

  // Set stroke-color white  
  stroke(255);   

  // Draw circle  
  ellipse( X, Y, radius, radius );                    
}  
  1. 如何尽可能不显眼地将草图包含在我的显示视图中并将半径值传递给它?
  2. circle.js 文件在哪里——在视图文件夹或资产管道中?
  3. 是否需要命名为circle.js.erb

【问题讨论】:

    标签: javascript ruby-on-rails-3.1 processing.js


    【解决方案1】:

    您可以将 circle.js 放入 app/assets/javascripts 中。它不需要被称为 circle.js.erb,但它可以是。

    【讨论】:

    • 好的 - 如何让 circle.js 文件获取我想要显示的每个圆的半径属性?如果我想在同一页面上显示多个圈子怎么办?
    • 您可以通过几种不同的方式来做到这一点。我会尝试的一种方法是使用创建变量的
    • 好的,谢谢。由于包含 Processing.js 文件的性质,我必须包含一个 html 部分并将脚本包含在其中。变量如您所描述的那样工作。但是,性能很糟糕,因此我将研究另一种选择,例如 Rafaeljs。谢谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-07
    相关资源
    最近更新 更多