Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body onload="drawShape(2,4);">
  
  <canvas width="200" height="200" id="mycanvas" ></canvas>
  
  
</body>
</html>
 
function drawShape(x, y){
  var canvas = document.getElementById('mycanvas');
  var ctx = canvas.getContext('2d');
  
  var width = $('#mycanvas').width();
  var height = $('#mycanvas').width();
  
  var x_total = (width / x);
  var y_total = (height / y);
  var moveX = 0; 
  var moveY = 0;
  var lineX = 0; 
  var lineY = 0; 
  var increaseLine = 0;
  
  if (canvas.getContext){
    
    for (var i = 0; i < increaseLine; i++){
      
    
      ctx.beginPath();
      ctx.moveTo(moveX,moveY);
      ctx.lineTo(lineX,lineY);
      ctx.stroke();
    }
  }
  
}
      console.log('a',b);
      console.log('b',b);
/*
$(document).ready(function() {  
  var canvas = document.getElementById("mycanvas");  
  var ctx = canvas.getContext("2d");  
ctx.moveTo(0, 0);  
ctx.lineTo(200, 200);  
ctx.stroke();  
  
ctx.moveTo(0, 50);  
ctx.lineTo(200, 250);  
ctx.stroke(); 
  
ctx.moveTo(0, 100);  
ctx.lineTo(200, 300);  
ctx.stroke();  
  
ctx.moveTo(200, 0);  
ctx.lineTo(-200, 100);  
ctx.stroke();  
  
ctx.moveTo(200, 50);  
ctx.lineTo(-200, 150);  
ctx.stroke(); 
  
ctx.moveTo(200, 100);  
ctx.lineTo(-200, 200);  
ctx.stroke();
}); 
*/
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
yannickchpro
0viewers