function calligraphy(position){
  context.strokeStyle = attribute.color;
  context.lineJoin = context.lineCap = 'round';  
  context.lineWidth = attribute.width;
  context.beginPath();
  context.moveTo(startLocation.x,startLocation.y);
  context.lineTo(position.x,position.y);
  context.closePath();
  context.stroke();
  startLocation = position;
}
// calligraphic pen like style (simple strokes of line)
calligraphic pen like style (simple strokes of line)
calligraphic pen like style ( simple strokes of line )
function calligraphy(position){
  context.strokeStyle = attribute.color;
  context.lineJoin = context.lineCap = 'round';  
  context.lineWidth = attribute.width;
  context.beginPath();
  context.moveTo(startLocation.x,startLocation.y);
  context.lineTo(position.x,position.y);
  context.closePath();
  context.stroke();
  startLocation = position;
}
function calligraphy ( position ) { context . strokeStyle = attribute . color ; context . lineJoin = context . lineCap = 'round' ; context . lineWidth = attribute . width ; context . beginPath ( ) ; context . moveTo ( startLocation . x , startLocation . y ) ; context . lineTo ( position . x , position . y ) ; context . closePath ( ) ; context . stroke ( ) ; startLocation = position ; }
calligraphic pen like style (simple strokes of line)
calligraphic pen like style ( simple strokes of line )