Question

I’ve a script, which manipulates with canvas. I call it like this:

namespace.module.do(canvas, paramString);

I’d like to move the call to the canvas itself, so it’ll somewhat similar to:

<canvas namespace.module.dobehavior=paramString />

Can I do it with JS and if not how close can I get to it?

Answer 1

In JQuery

$(function() {
    $("canvas[ns.mod.colorBehavior]") {
        var color = $(this).attr("ns.mod.colorBehavior");
        if (color == "red") {
            var context = this.getContext('2d');
            context.fillStyle = "#ff0000";
            context.fillRect(0,0,width,height);
        }
    }
}

Where width and heigh are the width and height of your canvas element (or a higher value like 10000).