Advertisement
Guest User

Untitled

a guest
Dec 9th, 2016
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.52 KB | None | 0 0
  1. function drawTriangle(sideOne, sideTwo, sideThree) {
  2. var canvas = document.getElementById('triangle-canvas');
  3. var ctx = canvas.getContext('2d');
  4.  
  5. var cx = canvas.width / 2;
  6. var cy = canvas.height / 4;
  7.  
  8. var sideOneHeight = sideOne * (Math.sqrt(3) / 2);
  9. var sideTwoHeight = sideTwo * (Math.sqrt(3) / 2);
  10.  
  11. ctx.beginPath();
  12. ctx.moveTo(cx, cy);
  13. ctx.lineTo(cx + 50, cy + sideOneHeight);
  14. ctx.lineTo(cx - 50, cy + sideTwoHeight);
  15. ctx.lineTo(cx, cy);
  16. ctx.fill();
  17. ctx.closePath();
  18.  
  19. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement