CODEWITHSUNDEEP
ruby-on-railsruby-on-rails-3htmlruby-on-rails-3.1html5-canvas
PhillipKregg
PhillipKregg

Reputation: 9358

Rails 3 - How to create custom html components that are treated with CRUD operations?

I'm using Rails 3 to create a project that will need a model called Sketch. I've already created a model, controller, and migration to handle Sketch - so far it just creates a 'sketch' object with a name for each sketch.

My problem is that I need to be able to attach an html5 canvas to each sketch object when it is created (or remove it when it is destroyed).

Since 'canvas' is not a datatype that will be stored in the database (like 'string', 'integer', or 'datetime'), how do I go about creating custom html components such as this that need to be treated like any other datatype in a Rails app?

I'm assuming that you would need to add the html components to a Model method and use a callback - like after_save - to initiate the component. But I'm not sure at all how to do this.

Not sure if I'm describing this well enough, so here is a very simple mockup: enter image description here

I have the Raphael Javascript library in mind for the component that will do the sketching - if that helps.

If you can point me to any tutorials on this subject that would be great.

Upvotes: 0

Views: 277

Answers (1)

twmills
twmills

Reputation: 3015

HTML5 canvases are rendered in the browser, not on the server where your ruby code is actually executed. Therefore I think it's safe to say that what you're asking isn't possible (at least in the way the question is phrased).

Instead you'll need to work with HTML, CSS and Javascript in your view to get the canvas working.

Canvas Tutorial / Reference

Hope this helps.

(On a related note, it's also considered a bad practice to mix view-related concepts in with your models.)

Upvotes: 1

Related Questions