Skip to content

Instantly share code, notes, and snippets.

@tiborsaas

tiborsaas/canvas.html

Created September 9, 2017 11:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tiborsaas/1748bc0e367dfde3adcaf98162f92221 to your computer and use it in GitHub Desktop.
Save tiborsaas/1748bc0e367dfde3adcaf98162f92221 to your computer and use it in GitHub Desktop.
Download ZIP
Greenfox Workshop Boilerplate
Raw
canvas.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Greenfox Workshop</title>
<style>
body {
background: #333;
}
canvas {
background: #fff;
}
</style>
</head>
<body>
<canvas width="700" height="400">
<script>
// Codes are compatible with http://greenfox-academy.github.io/ examples
var c = document.querySelector('canvas').getContext('2d');
// Edit under this line
c.fillStyle = "limegreen";
c.beginPath();
c.moveTo(50, 100);
c.lineTo(70, 70);
c.lineTo(80, 90);
c.lineTo(90, 90);
c.lineTo(100, 70);
c.lineTo(120, 100);
c.lineTo(85, 130);
c.lineTo(50, 100);
c.fill();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment