<canvas style='background:#ddd;' id="dynamicContent3d" width=640 height=480></canvas><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] --> jQuery(document).ready(function () {<!-- [et_pb_line_break_holder] --> var gl;<!-- [et_pb_line_break_holder] --> function start() {<!-- [et_pb_line_break_holder] --> var canvas = document.getElementById("dynamicContent3d");<!-- [et_pb_line_break_holder] --> if (canvas.getContext) {<!-- [et_pb_line_break_holder] --> // Filled triangle<!-- [et_pb_line_break_holder] --> ctx.beginPath();<!-- [et_pb_line_break_holder] --> ctx.moveTo(25,25);<!-- [et_pb_line_break_holder] --> ctx.lineTo(105,25);<!-- [et_pb_line_break_holder] --> ctx.lineTo(25,105);<!-- [et_pb_line_break_holder] --> ctx.fill();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Stroked triangle<!-- [et_pb_line_break_holder] --> ctx.beginPath();<!-- [et_pb_line_break_holder] --> ctx.moveTo(125,125);<!-- [et_pb_line_break_holder] --> ctx.lineTo(125,45);<!-- [et_pb_line_break_holder] --> ctx.lineTo(45,125);<!-- [et_pb_line_break_holder] --> ctx.closePath();<!-- [et_pb_line_break_holder] --> ctx.stroke();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> start();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --></script>