newEl = function( node, content ){
            var el = document.createElement(node || 'div');
            if (content){
                el.innerHTML = content;
            }
            return el;
        }
class CanvasRenderer < Renderer

Physics.renderer('canvas')

Renderer that uses HTMLCanvas to render the world bodies.

Additional config options:

- metaEl: HTMLElement to write meta information like FPS and IPF into. (default: autogenerated)
- offset: Offset the shapes by this amount. (default: `{ x: 0, y: 0 }`)
- styles: Styles to use to draw the shapes. (see below)

The styles property should contain _default_ styles for each shape you want to draw.

Example:

```javascript
styles: {

   'circle' : {
       strokeStyle: '#542437',
       lineWidth: 1,
       fillStyle: '#542437',
       angleIndicator: 'white'
   },

   'convex-polygon' : {
       strokeStyle: '#542437',
       lineWidth: 1,
       fillStyle: '#542437',
       angleIndicator: 'white'
   }
}
```

Styles can also be defined on a per-body basis. Use the "styles" property for a body:

Example:

```javascript
Physics.body('circle', {
    // ...
    styles: {
       strokeStyle: '#542437',
       lineWidth: 1,
       fillStyle: '#542437',
       angleIndicator: 'white'
   }
});
```

You can also define an image to use for a body:

Example:

```javascript
Physics.body('circle', {
    // ...
    styles: {
       src: 'path/to/image.jpg',
       width: 40,
       height: 50
   }
});
```