"Canvas for Josh"
Bootstrap 3.0.0 Snippet by N8BIZ

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <head> <meta charset='utf-8'> </head> <body> <div class="container"> <div class="row"> <p class='helloJosh'>Please make your way to the table Josh!</p> <canvas class="canvas"></canvas> </div> </div> </body>
.hello{ .hide() }
$(document).ready(function (){ $('.helloJosh').hide(); $('.helloJosh').fadeIn(10000); const canvas = $('.canvas') if (canvas.getContext) { var ctx = canvas.getContext('2d'); ctx.fillStyle = 'rgb(200, 0, 0)'; ctx.fillRect(10, 10, 50, 50); ctx.fillStyle = 'rgba(0, 0, 200, 0.5)'; ctx.fillRect(30, 30, 50, 50); } });

Related: See More

Rubik Presentation Page

Questions / Comments: