x/box-o-sand
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Triangles!

Browse Source
This commit is contained in:
Dan Buch 2013-02-10 22:02:10 -05:00
parent 26c1e56b7a
commit fa93122685
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
html5/canvas/mdn-tutorial.html
View File

@ -12,6 +12,8 @@
<canvas id="tutorial0" width="150" height="150"></canvas> <canvas id="tutorial0" width="150" height="150"></canvas>
<canvas id="tutorial1" width="150" height="150"></canvas> <canvas id="tutorial1" width="150" height="150"></canvas>
<canvas id="tutorial2" width="150" height="150"></canvas> <canvas id="tutorial2" width="150" height="150"></canvas>
<canvas id="tutorial3" width="150" height="150"></canvas>
<script type="text/javascript"> <script type="text/javascript">
function draw0() { function draw0() {
var ctx = document.getElementById('tutorial0').getContext('2d'); var ctx = document.getElementById('tutorial0').getContext('2d');
@ -45,10 +47,28 @@
ctx.stroke(); ctx.stroke();
} }
function draw3() {
var ctx = document.getElementById('tutorial3').getContext('2d');
ctx.beginPath();
ctx.moveTo(25, 25);
ctx.lineTo(105, 25);
ctx.lineTo(25, 105);
ctx.fill();
ctx.beginPath();
ctx.moveTo(125, 125);
ctx.lineTo(125, 45);
ctx.lineTo(45, 125);
ctx.closePath();
ctx.stroke();
}
window.addEventListener('load', function() { window.addEventListener('load', function() {
draw0(); draw0();
draw1(); draw1();
draw2(); draw2();
draw3();
}, false); }, false);
</script> </script>
</body> </body>