Question

I am trying to draw a shape on an HTML5 canvas but have the shape appear in a div (that can be manipulated by javascript). How can i do this? I would post code but i dont even know where to start with this. Please help.

To clarify: i want the shapes rendered on the canvas to be placed in divs. Sorry for any confusion.

Answer 1

Mozilla Drawing: https://developer.mozilla.org/en/Canvas_tutorial/Drawing_shapes

<div>
  <canvas id="my_canvas"></canvas>
</div>

<script>
   var canvas = document.getElementById('my_canvas');
   // Set width height.  You should probably use the width/height of the div.
   canvas.width = 300;
   canvas.height = 300;
   var ctx = canvas.getContext('2d');
   //  Draw something with ctx.....
   //  ....
</script>