KenoLeon · June 2, 2016 02:31
diff --git a/Canvas 001.markdown b/Canvas 001.markdown
diff --git a/index.html b/index.html
 <canvas id="canvas-001"></canvas> 
diff --git a/script.js b/script.js
 var canvas = document.getElementById("canvas-001");
 var ctx = canvas.getContext("2d");

 canvas.width = 800;
 canvas.height = 200;

 // color through fillstyle : 

 ctx.fillStyle = "blue";
 ctx.fillRect(0, 0, 600, 100);

 // Background Color through vanilla Js :

 document.getElementById("canvas-001").style.backgroundColor = "lightblue";

 // Background Color through Jquery :

 //$("#canvas-001").css("background-color", "darkblue");
diff --git a/scripts b/scripts
 <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
diff --git a/style.css b/style.css
 /* #canvas-001{
  background-color: blue;
 } */
	var canvas = document.getElementById("canvas-001");
	var ctx = canvas.getContext("2d");

	canvas.width = 800;
	canvas.height = 200;

	// color through fillstyle :

	ctx.fillStyle = "blue";
	ctx.fillRect(0, 0, 600, 100);

	// Background Color through vanilla Js :

	document.getElementById("canvas-001").style.backgroundColor = "lightblue";

	// Background Color through Jquery :

	//$("#canvas-001").css("background-color", "darkblue");
No results found