A Pen by younjisu.

FpuLn.markdown

FpuLn

A Pen by younjisu on CodePen.

License.

index.html

<canvas id="myCanvas" width=500 height=500></canvas>

script.js

	var oDraw = {
    init : function() {
      this.elCanvas.addEventListener("click", this.changePos.bind(this));
    },
   elCanvas : document.getElementById("myCanvas"),
		style : "magenta",
		pos : { x : 40, y : 40, width : 100, height : 100},
		draw : function(o) {
		   this.context = this.elCanvas.getContext('2d');
			 this.context.fillRect(this.pos.x, this.pos.y , this.pos.width , this.pos.height);
      //this.changeColor();
		},
    changePos : function() {
      console.log("call changeColor Function");
      this.context.fillRect(this.pos.x, this.pos.y+100, this.pos.width, this.pos.height);
    }
	};

oDraw.init();
oDraw.draw();