Two Canvas and a Half man

https://groups.google.com/forum/?fromgroups=#!topic/fabricjs/INzxra_bZFw

HTML

<script src="http://wtf.limpidia.net/fabric.js"></script>
<canvas id="canvas1" width="300" height="300"></canvas>
<br/>
<canvas id="canvas2" width="300" height="300"></canvas>

CSS

#canvas1{
  border-width: 1pz;
  border-style: solid;
  border-color: #0000FF;
}
#canvas2{
  border-width: 1pz;
  border-style: solid;
  border-color: #FF0000;
}

JavaScript

/////////////////////////////////////////////////////
var canvas1 = new fabric.Canvas('canvas1');
canvas1.backgroundColor = "#F5F5F5";

var text = new fabric.Text('Text inside canvas', { 
  left: 150, 
  top: 150 
});
text.hasRotatingPoint = true;
text.active= true;
canvas1.add(text);

var circle = new fabric.Circle({
    left: 150,
    top: 150,
    radius: 50,
    fill: "#dd0000"
});
circle.hasRotatingPoint = true;
canvas1.add(circle);

canvas1.renderAll();


////////////////////////////////////////////////////

var canvas2 = new fabric.Canvas('canvas2');
canvas2.backgroundColor = "#F5F5F5";

var text = new fabric.Text('Text inside canvas', { 
  left: 150, 
  top: 150 
});
text.hasRotatingPoint = true;
text.active= true;
canvas2.add(text);

var circle = new fabric.Circle({
    left: 150,
    top: 150,
    radius: 50,
    fill: "#dd0000"
});
circle.hasRotatingPoint = true;
canvas2.add(circle);

canvas2.renderAll();