WebSVN – wimsdev – Diff – /trunk/wims/src/Misc/canvasdraw/canvasutils.c

  var reg = /(?:[a-z$_][a-z0-9$_]*)|(?:[;={}\\[\\]\"'!&<>^\\\\?:])/ig;\
  var valid = true;\
  exp = exp.replace(reg,function($0){\
   if(Math.hasOwnProperty($0)){\
    return \"Math.\"+$0;\
-  }\
-  else\
+  } else {\
-  {\
    valid = false;\
   }\
  }\
  );\
  if( !valid ){\
   alert(\"hmmm \"+exp+\" ?\"); exp = null;\
- }\
- else\
+ } else {\
- {\
   try{ exp = eval(exp); } catch(e){alert(\"Invalid arithmetic expression\"); exp = null;};\
  };\
  return exp;\
 };");
 break;
     tab.push(math_fun);w_cnt = 0;math_fun = small_trick + (tab.length - 1);\
     while (math_fun.indexOf(small_trick) != -1){\
      math_fun = math_fun.replace(new RegExp(small_trick + \"(\\\\d+)\", \"g\"), function(m, d){return tab[d].replace(/(\\w*)\\^(\\w*)/g, out_fun+\"($1,$2)\");});\
      w_cnt++;if(w_cnt>1000){alert(\"hmmm \"+math_fun+\" ?\\nUse command plot for more complex math functions...\");return null;};\
     };\
-   }\
-   else\
+   } else {\
-   {\
     while( math_fun.indexOf(in_fun) != -1 ){\
      math_fun = math_fun.replace(in_fun,out_fun);\
      math_fun = math_fun.replace(in_fun,In_Fun);\
      w_cnt++;if(w_cnt>1000){alert(\"hmmm \"+math_fun+\" ?\\nUse command plot for more complex math functions...\");return null;};\
     };\
       };\
      };\
     };\
    };\
   };\
- }\
- else\
+ } else {\
- {\
   selected_image = null;\
  };\
 };");
 break;
 if( typeof(all_fill_patterns) != 'object' ){ var all_fill_patterns = []; };\
 function draw_bezier(canvas_type,linewidth,xy_points,fill_color,fill_opacity,stroke_color,stroke_opacity,use_filled,use_dashed,dashtype0,dashtype1,use_rotate,angle){\
  var obj;\
  if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){\
   obj = document.getElementById(\"wims_canvas%d\"+canvas_type);\
- }\
- else\
+ } else {\
- {\
   obj = create_canvas%d(canvas_type,xsize,ysize);\
  };\
  var ctx = obj.getContext(\"2d\");\
  ctx.save();\
  ctx.strokeStyle=\"rgba(\"+stroke_color+\",\"+stroke_opacity+\")\";\
   ctx.closePath();\
   ctx.stroke();\
  };\
  if( use_userdraw ){\
   grid_fill_pattern = ctx;\
- }\
- else\
+ } else {\
- {\
   setTimeout(function(){ filltoborder( x0,y0,color,color,canvas_type,true,ctx); },500);};return;\
 };",canvas_root_id,canvas_root_id);
 break;
 case DRAW_IMAGEFILL:/* not  used for userdraw */
     };\
    };\
   };\
   if( use_userdraw ){\
    image_pattern = ctx;\
-  }\
-  else\
+  } else {\
-  {\
    setTimeout(function(){ filltoborder( x0,y0,'red','red',canvas_type,true,ctx); },500);\
   };\
  };\
 };",canvas_root_id,canvas_root_id);
 break;
    ctx.fill();\
   };\
  };\
  if( use_userdraw ){\
   dot_fill_pattern = ctx;\
- }\
- else\
+ } else {\
- {\
  setTimeout(function(){ filltoborder( x0,y0,color,color,canvas_type,true,ctx); },500);\
  };\
 return;\
 };",canvas_root_id,canvas_root_id);
 break;
   xml_div.style.position = \"absolute\";\
   xml_div.style.color = \"rgba(\"+obj.stroke_color+\",\"+obj.stroke_opacity+\")\";\
   xml_div.style.font = obj.fontfamily;\
   if( ! obj.rotation_center){obj.rotation_center = [obj.x[0],obj.y[0]];}else{obj.rotation_center=[x2px(obj.rotation_center[0]) ,y2px(obj.rotation_center[1]) ];};\
   if( obj.use_center == 1 ){if( obj.type == 'image' ){xml_div.addEventListener('load',function(e){centered(xml_div,obj);},true);}else{%s};};\
- }\
- else\
+ } else {\
- {\
   xml_div = document.getElementById('xml_div'+obj.id );\
  };\
  if( typeof(xml_div) === 'undefined' ){console.log('hmmmmm'); return;};\
  xml_div.style.left = parseInt(obj.x[0] - obj.offset[0]) +'px';\
  xml_div.style.top  = parseInt(obj.y[0] - obj.offset[1]) +'px';\
     if(isTouch){\
      canvas_div.addEventListener('touchmove' ,function(evt){ evt.preventDefault();if(!dragging){return;};mouse = getMouse(evt.changedTouches[0],xml_div);xy = multisnap_check( mouse.x,mouse.y,obj.use_snap);xml_div.style.left = xy[0] - obj.offset[0] - obj.transform[4] + 'px';xml_div.style.top = xy[1] - obj.offset[1] - obj.transform[5] + 'px';},false);\
      canvas_div.addEventListener('touchend'  ,function(evt){ evt.preventDefault();dragging = false;xml_div.style.backgroundColor = no_color;dragdrop_reply[obj.object_cnt] = {object_cnt:obj.object_cnt,type:obj.onclick,x:xy[0],y:xy[1],r:0,angle:obj.angle,clicked:0};obj.x[0] = xy[0];obj.y[0] = xy[1];},false);\
      xml_div.addEventListener('touchstart',function(evt){evt.preventDefault();if(dragging){dragging = false;xml_div.style.backgroundColor = no_color;}else{dragging = true;xml_div.style.backgroundColor = back_color;};},false);\
      xml_div.addEventListener('touchend'  ,function(evt){ evt.preventDefault();dragging = false;xml_div.style.backgroundColor = no_color;dragdrop_reply[obj.object_cnt] = {object_cnt:obj.object_cnt,type:obj.onclick,x:xy[0],y:xy[1],r:0,angle:obj.angle,clicked:0};obj.x[0] = xy[0];obj.y[0] = xy[1];},false);\
-    }else{\
+    } else {\
      canvas_div.addEventListener('mousemove',function(evt){if(!dragging){return;};mouse = getMouse(evt,xml_div);xy = multisnap_check( mouse.x,mouse.y,obj.use_snap);xml_div.style.left = xy[0] - obj.offset[0] - obj.transform[4] + 'px';xml_div.style.top = xy[1] - obj.offset[1] - obj.transform[5] + 'px';},false);\
      canvas_div.addEventListener('mouseup',function(evt){dragging = false;xml_div.style.backgroundColor = no_color;dragdrop_reply[obj.object_cnt] = {object_cnt:obj.object_cnt,type:obj.onclick,x:xy[0],y:xy[1],r:0,angle:obj.angle,clicked:0};obj.x[0] = xy[0];obj.y[0] = xy[1];},false);\
      xml_div.addEventListener('mousedown', function(evt){if(dragging){dragging = false;xml_div.style.backgroundColor = no_color;}else{dragging = true;xml_div.style.backgroundColor = back_color;};},false);\
     };\
     break;\
    case 1:\
-    if(isTouch ){\
+    if(isTouch){\
      xml_div.addEventListener('touchstart', function(e){ e.preventDefault();if(dragdrop_reply[obj.object_cnt].clicked == 0){ dragdrop_reply[obj.object_cnt].clicked = 1;xml_div.style.backgroundColor = back_color;}else{dragdrop_reply[obj.object_cnt].clicked = 0;xml_div.style.backgroundColor = no_color;};} ,false);\
-    }else{\
+    } else {\
      xml_div.addEventListener('mousedown'  , function(evt){if(dragdrop_reply[obj.object_cnt].clicked == 0){ dragdrop_reply[obj.object_cnt].clicked = 1;xml_div.style.backgroundColor = back_color;}else{dragdrop_reply[obj.object_cnt].clicked = 0;xml_div.style.backgroundColor = no_color;};} ,false);\
     };\
     break;\
    case 3:\
-    if(isTouch ){\
+    if(isTouch){\
      xml_div.addEventListener('touchstart',function(evt){ if(slidergroup[obj.object_cnt] == null ){ slidergroup[obj.object_cnt] = obj;xml_div.style.backgroundColor = back_color;}else{ slidergroup[obj.object_cnt] = null;xml_div.style.backgroundColor = no_color;};} ,false);\
-    }else{\
+    } else {\
      xml_div.addEventListener('mousedown' ,function(evt){ if(slidergroup[obj.object_cnt] == null ){ slidergroup[obj.object_cnt] = obj;xml_div.style.backgroundColor = back_color;}else{ slidergroup[obj.object_cnt] = null;xml_div.style.backgroundColor = no_color;};} ,false);\
     };\
     break;\
    case 4:slidergroup[obj.object_cnt] = obj;break;\
    case 5:slidergroup[obj.object_cnt] = obj;\
  var zero_x = 0.1*xsize;\
  var zero_y = 0.9*ysize;\
  var snor_x;var snor_y;\
  if( xstart != xmin){\
   snor_x = 0.1*xsize;\
- }\
- else\
+ }else{\
- {\
   snor_x = 0;\
   xstart = xmin;\
  };\
  ctx.strokeStyle = \"rgba(\"+majorcolor+\",\"+opacity+\")\";\
  ctx.lineWidth = 2;\
  for(var x = zero_x+snor_x ; x < xsize;x = x + step_x){\
   txtsize = ctx.measureText(num).width;\
   if( txtsize > txt_marge ){if( flipflop == 1 ){flipflop = 0;}else{flipflop = 1;};};\
   if( flipflop == 1){\
    ctx.fillText(num,x - 0.5*txtsize,zero_y+font_size);\
-  }\
-  else\
+  } else {\
-  {\
    ctx.fillText(num,x - 0.5*txtsize,zero_y+2*font_size);\
   };\
   num = num + xmajor;\
  };\
  ctx.stroke();\
      nx = x + num*minor_step_x;\
      ctx.moveTo(nx,zero_y);\
      ctx.lineTo(nx,0);\
      num++;\
     };\
   };\
   ctx.stroke();\
   ctx.closePath();\
   ctx.beginPath();\
   ctx.lineWidth = 2;\
   ctx.strokeStyle = \"rgba(\"+majorcolor+\",\"+opacity+\")\";\
   ctx.lineWidth = 0.5;\
  };\
  xmin = xstart - (xmajor*(zero_x+snor_x)/step_x);\
  if( ystart != ymin){\
   snor_y = 0.1*ysize;\
- }\
- else\
+ } else {\
- {\
   snor_y = 0;\
   ystart = ymin;\
  };\
  ctx.lineWidth = 2;\
  ctx.strokeStyle = \"rgba(\"+majorcolor+\",\"+opacity+\")\";\
   var l_length = legend%d.length;var barcolor = new Array();\
   if( typeof(legendcolors%d) !== 'undefined' ){\
    for(var p = 0 ; p < l_length ; p++){\
     barcolor[p] = legendcolors%d[p];\
    };\
-  }else{\
+  } else {\
    if( barcolor.length == 0 ){\
     for(var p = 0 ; p < l_length ; p++){\
      barcolor[p] = stroke_color;\
     };\
    };\
     var x_nums = x2px(eval(str[p]));\
     var x_text = str[p+1];\
     corr = ctx.measureText(x_text).width;\
     if( corr > xmajor){ if(flipflop == 0 ){flipflop = 1; off = ybase2;}else{flipflop = 0; off = ybase1;};};\
     ctx.fillText(x_text,parseInt(x_nums-0.5*corr),off);\
    };\
-  }\
-  else\
+  } else {\
-  {\
    for(var p = 0 ; p < len ; p = p+2){\
     x_nums = x2px(eval(str[p]));\
     x_text = str[p+1];\
     corr = ctx.measureText(x_text).width + ybase1 - fontsize;\
     ctx.save();\
     ctx.rotate(-1.5708);\
     ctx.fillText(x_text,0,0);\
     ctx.restore();\
    };\
   }\
- }\
- else\
+ } else {\
- {\
   var corr;var num;var flipflop = 0;var off = ybase1;\
   var prec = parseInt(Math.log(precision)/Math.log(10));\
   for(var p = x0 ; p < x1+xmajor ; p = p+xmajor){\
    num = (px2x(p)).toFixed(prec);\
    corr = ctx.measureText(num).width;\
     if( skip > 1 ){if(flip == 0 ){flip = 1; shift = shift + font_size;}else{flip = 0; shift = shift - font_size;};};\
     ctx.fillText(x_text,parseInt(x_nums-0.5*corr),shift);\
     ctx.moveTo(x_nums,zero_y - tics_length);\
     ctx.lineTo(x_nums,zero_y + tics_length);\
    };\
-  }\
-  else\
+  } else {\
-  {\
    for(var p = 0 ; p < len ; p = p+2){\
     var x_nums = x2px(eval(str[p]));\
     var x_text = str[p+1];\
     corr = 2 + tics_length + zero_y + ctx.measureText(x_text).width;\
     if( corr > ysize ){corr = ysize;};\
     ctx.moveTo(x_nums,zero_y - tics_length);\
     ctx.lineTo(x_nums,zero_y + tics_length);\
    };\
   };\
   ctx.closePath();\
- }\
- else\
+ } else {\
- {\
   skip = 1;cnt = px2x(zero_x);\
   prec = Math.log(precision)/(Math.log(10));\
   var y_basis;if(f_y == 1){ y_basis = ysize }else{ y_basis = zero_y + 1.4*font_size;};\
   for( var p = zero_x ; p < xsize ; p = p+xstep){\
    if(skip == 0 ){\
     disp_cnt = cnt.toFixed(prec);\
     corr = ctx.measureText(disp_cnt).width;\
     skip = parseInt(1.2*corr/xstep);\
     ctx.fillText(disp_cnt,p-0.5*corr,y_basis);\
-   }\
-   else\
+   } else {\
-   {\
     skip--;\
    };\
    cnt = cnt + xmajor;\
   };\
   cnt = px2x(zero_x);skip = 1;\
    if(skip == 0 ){\
     disp_cnt = cnt.toFixed(prec);\
     corr = ctx.measureText(disp_cnt).width;\
     skip = parseInt(1.2*corr/xstep);\
     ctx.fillText(disp_cnt,p-0.5*corr,y_basis);\
-   }\
-   else\
+   } else {\
-   {\
     skip--;\
    };\
    cnt = cnt - xmajor;\
   };\
  };\
    ctx.fillText(y_text,zero_x - corr,y_nums + 0.5*font_size);\
    ctx.moveTo(zero_x - tics_length,y_nums);\
    ctx.lineTo(zero_x + tics_length,y_nums);\
   };\
   ctx.closePath();\
- }\
- else\
+ } else {\
- {\
   if(f_x == 1){ corr = 1.5*tics_length; }\
   cnt = px2y(zero_y);skip = 1;\
   for( var p = zero_y ; p < ysize ; p = p+ystep){\
    if(skip == 0 ){\
     skip = parseInt(1.4*font_size/ystep);\
     disp_cnt = cnt.toFixed(prec);\
     if(f_x == -1 ){ corr = parseInt(zero_x - (2 + tics_length + ctx.measureText(disp_cnt).width));};\
     ctx.fillText(disp_cnt,parseInt(corr),parseInt(p+(0.4*font_size)));\
-   }\
-   else\
+   } else {\
-   {\
     skip--;\
    };\
    cnt = cnt - ymajor;\
   };\
   corr = 0;cnt = px2y(zero_y);skip = 1;\
    if(skip == 0 ){\
     skip = parseInt(1.4*font_size/ystep);\
     disp_cnt = cnt.toFixed(prec);\
     if(f_x == -1 ){corr = parseInt(zero_x - (2 + tics_length + ctx.measureText(disp_cnt).width));};\
     ctx.fillText(disp_cnt,parseInt(corr),parseInt(p+(0.4*font_size)));\
-   }\
-   else\
+   } else {\
-   {\
     skip--;\
    };\
    cnt = cnt + ymajor;\
   };\
  };\
  var l_length = legend0.length;\
  if( typeof(legendcolors0) !== 'undefined' ){\
   for(var p = 0 ; p < l_length ; p++){\
     barcolor[p] = legendcolors0[p];\
   };\
- }\
- else\
+ } else {\
- {\
   if( barcolor.length == 0 ){\
    for(var p = 0 ; p < l_length ; p++){\
     barcolor[p] = stroke_color;\
    };\
   };\
    ctx.beginPath();\
    ctx.strokeStyle = barcolor[p];\
    ctx.fillStyle = barcolor[p];\
    ctx.rect(bar_x[p]-0.4*x2step+dx,bar_y[p],bar_width,zero_y - bar_y[p]);\
    ctx.fill();\
    ctx.stroke();\
    ctx.closePath();\
   };\
  };\
  ctx.restore();");
+}
 if( linegraph_cnt != 0 ){
 fprintf(js_include_file,"ctx.save();\
   ctx.lineWidth = parseInt(line_name[1]);\
   if(line_name[2] == \"1\"){\
    var d1 = parseInt(line_name[3]);\
    var d2 = parseInt(line_name[4]);\
    if(ctx.setLineDash){ ctx.setLineDash([d1,d2]); } else { ctx.mozDash = [d1,d2];};\
-  }\
-  else\
+  } else {\
-  {\
   if(ctx.setLineDash){ctx.setLineDash = null;};if(ctx.mozDash){ctx.mozDash = null;}\
   };\
   var data_x = new Array();var data_y = new Array();\
   var lb = line_name.length;var idx = 0;\
   for( var p = 5 ; p < lb ; p = p + 2 ){\
    data_x[idx] = x2px(line_name[p]);\
    data_y[idx] = y2px(line_name[p+1]);\
    idx++;\
   };\
   for( var p = 0; p < idx ; p++){\
    ctx.beginPath();\
    ctx.moveTo(data_x[p],data_y[p]);\
    ctx.lineTo(data_x[p+1],data_y[p+1]);\
    ctx.stroke();\
 if( typeof(all_fill_patterns) != 'object' ){ var all_fill_patterns = []; };\
 function draw_piechart(canvas_type,x_center,y_center,radius, data_color_list,fill_opacity,legend_cnt,font_family,use_filled,use_offset){\
  var obj;\
  if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){\
   obj = document.getElementById(\"wims_canvas%d\"+canvas_type);\
- }\
- else\
+ } else {\
- {\
   obj = create_canvas%d(canvas_type,xsize,ysize);\
  };\
  var center_text = use_offset || 0;\
  var ld = data_color_list.length;\
  var sum = 0;\
     ctx.save();\
     ctx.translate(x_center, y_center);\
     ctx.rotate(angles[p]);\
     ctx.fillText(txt,radius-txt_size,0);\
     ctx.restore();\
-   }\
-   else\
+   } else {\
-   {\
     if( x_center + radius + txt_size > xsize ){ x_offset =  x_center + radius + txt_size - xsize;} else { x_offset = 0; };\
     ctx.fillText(txt,x_center + radius - x_offset, y_center - radius + y_offset);\
     y_offset = parseInt(y_offset + 1.5*font_size);\
    };\
   };\
  var half = Math.floor(0.5*len);\
  if(len %%2 == 1){\
   median = data[half];\
   Q1 = data[q1];\
   Q3 = data[q3];\
- }\
- else\
+ } else {\
- {\
   median = (data[half - 1] + data[half] )/2;\
   Q1 = (data[q1 - 1] + data[q1] )/2;\
   Q3 = (data[q3 - 1] + data[q3] )/2;\
  };\
  return [min,Q1,median,Q3,max];\
 };");
 break;
 case DRAW_BOXPLOT:
  switch(boxplot_source){\
   case 1: if( typeof(jsboxplot_data) === 'undefined'){return;};data = statistics(jsboxplot_data);break;\
   case 2: if( typeof(student_boxplot_data) === 'undefined'){return;};data = statistics(student_boxplot_data);break;\
   case 3: if( typeof(student_boxplot) === 'undefined'){return;};data = student_boxplot;break;\
   default: break;\
  };\
  var min,Q1,median,Q3,max;\
  if(xy == 1 ){\
   min=x2px(data[0]);Q1=x2px(data[1]);median=x2px(data[2]);Q3=x2px(data[3]);max=x2px(data[4]);\
   hh = Math.abs(y2px(hh) - y2px(ystart));\
   hw = Math.abs(y2px(hw) - y2px(ystart));\
 fprintf(js_include_file,"\n/* draw centerstring */\
 var draw_centerstring = function(canvas_type,y,font_family,stroke_color,stroke_opacity,text){\
  var obj;\
  if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){\
   obj = document.getElementById(\"wims_canvas%d\"+canvas_type);\
- }\
- else\
+ } else {\
- {\
   obj = create_canvas%d(canvas_type,xsize,ysize);\
  };\
  var ctx = obj.getContext(\"2d\");\
  ctx.save();\
  ctx.clearRect(0,0,xsize,ysize);\
 fprintf(js_include_file,"\n/* draw text */\
 var draw_text = function(canvas_type,x,y,font_size,font_family,stroke_color,stroke_opacity,angle2,text,use_rotate,angle,use_offset){\
  var obj;\
  if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){\
   obj = document.getElementById(\"wims_canvas%d\"+canvas_type);\
- }\
- else\
+ } else {\
- {\
   obj = create_canvas%d(canvas_type,xsize,ysize);\
  };\
  var ctx = obj.getContext(\"2d\");\
  if( font_family != 'null' ){\
   ctx.font = font_family;\
- }\
- else\
+ } else {\
- {\
   ctx.font = font_size+'px Arial';\
  };\
  if( use_offset == 3 ){if(angle2 < 0 ){ y = y + 0.8*font_size; x = x + (Math.cos(angle2))*font_size; }else{y = y - 0.8*font_size; x = x + (Math.sin(angle2))*font_size;};};\
  if(angle2 == 0 && angle != 0){\
   ctx.save();\
   if(use_rotate == 1 ){\
   ctx.rotate(angle*Math.PI/180);};\
   ctx.restore();\
  };\
  ctx.fillStyle = \"rgba(\"+stroke_color+\",\"+stroke_opacity+\")\";\
  if(angle2 != 0){\
   ctx.save();\
   ctx.translate(x,y);\
   ctx.rotate((360-angle2)*(Math.PI / 180));\
   ctx.fillText(text,0,0);\
   ctx.restore();\
- }\
- else\
+ } else {\
- {\
   ctx.fillText(text,x,y);\
  };\
  return;\
 };",canvas_root_id,canvas_root_id,canvas_root_id);
 break;
  if(pixelsize%%2 == 1){ ctx.translate(0.5,0.5);};\
  ctx.fillStyle = \"rgba(\"+color+\",\"+opacity+\")\";\
  ctx.clearRect(0,0,xsize,ysize);\
  for(var p=0; p<x.length;p++){\
   ctx.fillRect( x2px(x[p]) - d, y2px(y[p]) - d , pixelsize, pixelsize );\
  };\
  ctx.fill();ctx.stroke();\
 };",canvas_root_id);
 break;
 case DRAW_CLOCK:
  clock_ctx.beginPath();\
  for(var p = 1; p <= 12 ; p++){\
   angle_cos = this.radius*(Math.cos(p * (Math.PI * 2) / 12));\
   angle_sin = this.radius*(Math.sin(p * (Math.PI * 2) / 12));\
   x1 = 0.9*angle_cos;y1 = 0.9*angle_sin;x2 = angle_cos;y2 = angle_sin;\
   clock_ctx.moveTo(x1,y1);\
   clock_ctx.lineTo(x2,y2);\
  };\
  for(var p = 1; p <= 60 ; p++){\
   angle_cos = this.radius*(Math.cos(p * (Math.PI * 2) / 60));\
   angle_sin = this.radius*(Math.sin(p * (Math.PI * 2) / 60));\
   x1 = 0.95*angle_cos;y1 = 0.95*angle_sin;x2 = angle_cos;y2 = angle_sin;\
 fprintf(js_include_file,"\n/* draw lattice */\
 var draw_lattice = function(canvas_type,line_width,x0,y0,dx1,dy1,dx2,dy2,n1,n2,fill_color,fill_opacity,stroke_color,stroke_opacity,use_rotate,angle,use_filled){\
  var obj;\
  if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){\
   obj = document.getElementById(\"wims_canvas%d\"+canvas_type);\
- }\
- else\
+ } else {\
- {\
   obj = create_canvas%d(canvas_type,xsize,ysize);\
  };\
  var ctx = obj.getContext(\"2d\");\
  ctx.save();\
  if(use_rotate == 1 ){ctx.rotate(angle*Math.PI/180);}\
  var yv2 = dy2*y_step_px;\
  for(var p = 0; p < n1 ;p++){\
   x = p*xv1 + x0;\
   y = p*yv1 + y0;\
   for(var c = 0; c < n2 ; c++){\
    ctx.beginPath();\
    ctx.arc(x+c*xv2,y+c*yv2,radius,0,2*Math.PI,false);\
    ctx.fill();\
    ctx.stroke();\
    ctx.closePath();\
   };\
 fprintf(js_include_file,"\n/* draw xylogscale */\
 var draw_grid%d = function(canvas_type,line_width,major_color,minor_color,major_opacity,minor_opacity,font_size,font_family,font_color,use_axis_numbering,precision){\
  var obj;\
  if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){\
   obj = document.getElementById(\"wims_canvas%d\"+canvas_type);\
- }\
- else\
+ } else {\
- {\
   obj = create_canvas%d(canvas_type,xsize,ysize);\
  };\
  var ctx = obj.getContext(\"2d\");\
  ctx.clearRect(0,0,xsize,ysize);\
  ctx.save();\
  var y_min = Math.log(ymin)/Math.log(ylogbase);\
  var y_max = Math.log(ymax)/Math.log(ylogbase);\
  if(use_axis_numbering != -1){\
   ctx.font = font_family;\
   xmarge = ctx.measureText(ylogbase+'^'+y_max.toFixed(0)+' ').width;\
   ymarge = parseInt(1.5*font_size);\
   ctx.save();\
   ctx.fillStyle=\"rgba(255,215,0,0.2)\";\
   ctx.rect(0,0,xmarge,ysize);\
   ctx.rect(0,ysize-ymarge,xsize,ysize);\
   ctx.fill();\
   ctx.restore();\
  }else{xmarge = 0;ymarge = 0;};\
  if( typeof(xaxislabel) !== 'undefined' ){\
   ctx.save();\
   ctx.font = \"italic \"+font_size+\"px Arial\";\
    x_e = x2px(i*num);\
    if( i == 1 ){\
     ctx.lineWidth = line_width;\
     ctx.strokeStyle=\"rgba(\"+major_color+\",\"+major_opacity+\")\";\
     if( use_axis_numbering != -1 && p > x_min){\
       xtxt = xlogbase+'^'+p.toFixed(0);\
       corr = 0.5*(ctx.measureText(xtxt).width);\
       ctx.fillText(xtxt,x_e - corr,ysize - 4);\
     };\
    }else{\
     ctx.lineWidth = 0.2*line_width;\
     ctx.strokeStyle=\"rgba(\"+minor_color+\",\"+minor_opacity+\")\";\
    };\
    if( x_e >= xmarge ){\
     ctx.beginPath();\
     ctx.moveTo(x_e,0);\
     ctx.lineTo(x_e,ysize - ymarge);\
     ctx.stroke();\
     ctx.closePath();\
    };\
   };\
  };\
  for(var p = y_min; p <= y_max ; p++){\
   num = Math.pow(ylogbase,p);\
   for(var i = 1 ; i < ylogbase ; i++){\
    y_e = y2px(i*num);\
    if( i == 1 ){\
     ctx.strokeStyle=\"rgba(\"+minor_color+\",\"+minor_opacity+\")\";\
    };\
    ctx.beginPath();\
    ctx.moveTo(xmarge,y_e);\
    ctx.lineTo(xsize,y_e);\
    ctx.stroke();\
    ctx.closePath();\
   };\
  };\
  ctx.restore();\
 };",canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id);
 break;
 case DRAW_XLOGSCALE:
 fprintf(js_include_file,"\n/* draw xlogscale */\
 var draw_grid%d = function(canvas_type,line_width,major_color,minor_color,major_opacity,minor_opacity,font_size,font_family,font_color,use_axis_numbering,ymajor,yminor,precision){\
  var obj;\
  if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){\
   obj = document.getElementById(\"wims_canvas%d\"+canvas_type);\
- }\
- else\
+ } else {\
- {\
   obj = create_canvas%d(canvas_type,xsize,ysize);\
  };\
  var ctx = obj.getContext(\"2d\");\
  ctx.clearRect(0,0,xsize,ysize);\
  ctx.save();\
   ctx.save();\
   ctx.font = \"italic \"+font_size+\"px Arial\";\
   ctx.fillStyle = \"rgba(\"+font_color+\",\"+major_opacity+\")\";\
   corr =  ctx.measureText(xaxislabel).width;\
   ctx.fillText(xaxislabel,xsize - 1.5*corr,ysize - 2*font_size);\
   ctx.restore();\
  };\
  if( typeof(yaxislabel) !== 'undefined' ){\
   ctx.save();\
   ctx.font = \"italic \"+font_size+\"px Arial\";\
   ctx.fillStyle = \"rgba(\"+font_color+\",\"+major_opacity+\")\";\
   corr = ctx.measureText(yaxislabel).width;\
     ctx.moveTo(x_e,0);\
     ctx.lineTo(x_e,ysize - ymarge);\
     ctx.stroke();\
     ctx.closePath();\
    };\
   };\
  };\
  var stepy = Math.abs(y2px(ymajor) - y2px(0));\
  var minor_step = stepy / yminor;\
  for(var y = 0 ; y < ysize - stepy ; y = y + stepy){\
   ctx.strokeStyle=\"rgba(\"+major_color+\",\"+major_opacity+\")\";\
 fprintf(js_include_file,"\n/* draw ylogscale */\
 var draw_grid%d = function(canvas_type,line_width,major_color,minor_color,major_opacity,minor_opacity,font_size,font_family,font_color,use_axis_numbering,xmajor,xminor,precision){\
  var obj;\
  if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){\
   obj = document.getElementById(\"wims_canvas%d\"+canvas_type);\
- }\
- else\
+ } else {\
- {\
   obj = create_canvas%d(canvas_type,xsize,ysize);\
  };\
  var ctx = obj.getContext(\"2d\");\
  ctx.clearRect(0,0,xsize,ysize);\
  ctx.save();\

Subversion Repositories wimsdev

(root)/trunk/wims/src/Misc/canvasdraw/canvasutils.c – Rev 16834 → 16844