Worked on Zooming feature,when its zoom at 200% and user drags n drops new shapes it shud be at 200%

workflow/engine/templates/bpmn/Annotation.js

@@ -1,10 +1,16 @@
 bpmnAnnotation = function (_30ab ) {
     VectorFigure.call(this);
-    if(typeof _30ab.anno_width != 'undefined' && typeof _30ab.anno_height != 'undefined')
+   //Getting width and height from DB
+   if(typeof _30ab.anno_width != 'undefined' && typeof _30ab.anno_height != 'undefined')
         this.setDimension(_30ab.anno_width, _30ab.anno_height);
-    else
-    this.setDimension(110, 60);
-    this.setAnnotationName(_30ab.annotationName); //It will set the Default Task Name with appropriate count While dragging a task on the canvas
+   else
+        this.setDimension(110, 60);
+
+   //Setting width and height values as per the zoom ratio
+   if(typeof workflow.zoomAnnotationWidth != 'undefined' || typeof workflow.zoomAnnotationHeight != 'undefined')
+        this.setDimension(workflow.zoomAnnotationWidth, workflow.zoomAnnotationHeight);
+
+   this.setAnnotationName(_30ab.annotationName); //It will set the Default Task Name with appropriate count While dragging a task on the canvas
 };
 
 bpmnAnnotation.prototype = new VectorFigure;
@@ -82,7 +88,14 @@ bpmnAnnotation.prototype.paint = function () {
     var padtop = 0.18*this.getHeight();
     var rectwidth = this.getWidth() - padleft;
     var rectheight = this.getHeight() - 2*padtop;
-    this.bpmnText.setFont('verdana', '11px', Font.PLAIN);
+
+    //Setting text size to zoom font size if Zoomed
+    if(typeof workflow.zoomAnnotationTextSize != 'undefined')
+        var fontSize = workflow.zoomAnnotationTextSize;
+    else
+        fontSize = '11px';
+
+    this.bpmnText.setFont('verdana', fontSize, Font.PLAIN);
     this.bpmnText.drawStringAnno(this.annotationName,0,padtop,rectwidth,rectheight,'left');
     //bpmnText.drawStringRect(this.taskName,this.getWidth()/2-20,this.getHeight()/2-11,200,'left');
     //tempcoord = this.coord_converter(this.getWidth(), this.getHeight(), this.taskName.length);

workflow/engine/templates/bpmn/EventBoundaryTimerInter.js

@@ -1,6 +1,10 @@
 bpmnEventBoundaryTimerInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+      this.setDimension(30,30);
 this.stroke = 2;
 };
 bpmnEventBoundaryTimerInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventCancelEnd.js

@@ -1,6 +1,10 @@
 bpmnEventCancelEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=3;
 };
 bpmnEventCancelEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventCancelInter.js

@@ -1,6 +1,10 @@
 bpmnEventCancelInter=function(){
 VectorFigure.call(this);
-this.setDimension(45,45);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(45,45);
 this.stroke=2;
 };
 bpmnEventCancelInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventCompEnd.js

@@ -1,6 +1,10 @@
 bpmnEventCompEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=3
 };
 bpmnEventCompEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventCompInter.js

@@ -1,6 +1,10 @@
 bpmnEventCompInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2
 };
 bpmnEventCompInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventEmptyEnd.js

@@ -1,6 +1,10 @@
 bpmnEventEmptyEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=3;
 };
 bpmnEventEmptyEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventEmptyInter.js

@@ -1,6 +1,10 @@
 bpmnEventEmptyInter=function(width,_30ab){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventEmptyInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventEmptyStart.js

@@ -1,6 +1,10 @@
 bpmnEventEmptyStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventEmptyStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventEndSignal.js

@@ -1,6 +1,10 @@
 bpmnEventEndSignal=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventEndSignal.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventErrorEnd.js

@@ -1,6 +1,10 @@
 bpmnEventErrorEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=4;
 };
 bpmnEventErrorEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventErrorInter.js

@@ -1,6 +1,10 @@
 bpmnEventErrorInter=function(){
 VectorFigure.call(this);
-this.setDimension(45,45);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(45,45);
 this.stroke=2;
 };
 bpmnEventErrorInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventInterSignal.js

@@ -1,6 +1,10 @@
 bpmnEventInterSignal=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventInterSignal.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventLinkEnd.js

@@ -1,6 +1,10 @@
 bpmnEventLinkEnd=function(){
 VectorFigure.call(this);
-this.setDimension(45,45);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(45,45);
 this.stroke=3;
 };
 bpmnEventLinkEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventLinkInter.js

@@ -1,6 +1,10 @@
 bpmnEventLinkInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventLinkInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventLinkStart.js

@@ -1,6 +1,10 @@
 bpmnEventLinkStart=function(){
 VectorFigure.call(this);
-this.setDimension(45,45);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(45,45);
 this.stroke=2
 };
 bpmnEventLinkStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMessageEnd.js

@@ -1,6 +1,10 @@
 bpmnEventMessageEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 3;
 };
 bpmnEventMessageEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMessageInter.js

@@ -1,6 +1,10 @@
 bpmnEventMessageInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventMessageInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMessageRecInter.js

@@ -1,6 +1,10 @@
 bpmnEventMessageRecInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventMessageRecInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMessageSendInter.js

@@ -1,6 +1,10 @@
 bpmnEventMessageSendInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventMessageSendInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMessageStart.js

@@ -1,6 +1,10 @@
 bpmnEventMessageStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 3;
 };
 bpmnEventMessageStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMulStart.js

@@ -1,6 +1,10 @@
 bpmnEventMulStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke= 2;
 };
 bpmnEventMulStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMultipleEnd.js

@@ -1,6 +1,10 @@
 bpmnEventMultipleEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventMultipleEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMultipleInter.js

@@ -1,6 +1,10 @@
 bpmnEventMultipleInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2
 };
 bpmnEventMultipleInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventRuleInter.js

@@ -1,6 +1,10 @@
 bpmnEventRuleInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 2;
 };
 bpmnEventRuleInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventRuleStart.js

@@ -1,6 +1,10 @@
 bpmnEventRuleStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 2;
 };
 bpmnEventRuleStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventSignalStart.js

@@ -1,6 +1,10 @@
 bpmnEventSignalStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventSignalStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventTerminateEnd.js

@@ -1,6 +1,10 @@
 bpmnEventTerminate=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventTerminate.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventTimerInter.js

@@ -1,6 +1,10 @@
 bpmnEventTimerInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 2;
 };
 bpmnEventTimerInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventTimerStart.js

@@ -1,6 +1,10 @@
 bpmnEventTimerStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 2;
 };
 bpmnEventTimerStart.prototype=new VectorFigure;