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

 int type;
 for(i = 0 ; i < MAX_JS_FUNCTIONS; i++){
 /*
 fprintf(stdout,"checking js_function[%d] = %d<br>",i,js_function[i]);
 */
- if( js_function[i] == 1){
+  if( js_function[i] == 1){
     switch(i){
-case JS_ARROWHEAD:
+      case JS_ARROWHEAD:
 /* draw an arrowhead on object ; arrowhead on (x:y) from direction (x0:y0) */
-fprintf(js_include_file,"\n/* draw an arrowhead on object ; arrowhead on (x:y) from direction (x0:y0) */\
+        fprintf(js_include_file,"\n/* draw an arrowhead on object ; arrowhead on (x:y) from direction (x0:y0) */\
 function draw_arrowhead(x,y,x0,y0,ctx){\
 var angle = Math.atan2(x - x0,y - y0) + Math.PI;\
 var pie = Math.PI/6;\
 ctx.save();\
 ctx.fillStyle=ctx.strokeStyle;\
 ctx.closePath();\
 ctx.stroke();\
 ctx.fill();\
 ctx.restore();\
 };");
-break;
+        break;
-case JS_LOAD_IMAGE:
+      case JS_LOAD_IMAGE:
-fprintf(js_include_file,"\n/* get_image_from_url */\
+        fprintf(js_include_file,"\n/* get_image_from_url */\
 var image_cnt = 0;\
 if( typeof(image_patterns) !== 'object'){var image_patterns = [];};\
 var get_image_from_url = function(url){\
  var idx = Math.ceil(1000*(Math.random()));\
  var canvas = create_canvas%d(idx,xsize,ysize);\
  img.onload = function(){\
   var pat = ctx.createPattern(img,\"repeat\");\
   image_patterns.push(pat);\
  };\
 };",canvas_root_id);
-break;
+        break;
-case JS_SAFE_EVAL:
+      case JS_SAFE_EVAL:
 /* to avoid easy js-code injection...but is it a real problem ? */
-fprintf(js_include_file," \n/* add safe eval function */function safe_eval(exp){\
+        fprintf(js_include_file," \n/* add safe eval function */function safe_eval(exp){\
  exp = exp.replace(/pi/g,'3.14159');\
  if(exp.indexOf('^') != -1){\
   exp = exp.replace(/[a-zA-Z]/g,' ');\
   exp = exp.replace(/\\*10\\^-/g,'e-');\
   exp = exp.replace(/\\*10\\^/g,'e+');\
  } else {\
   try{ exp = eval(exp); } catch(e){alert(\"Invalid arithmetic expression\"); exp = null;};\
  };\
  return exp;\
 };");
-break;
+        break;
-case JS_RAWMATH:
+      case JS_RAWMATH:
-fprintf(js_include_file,"\n/* add_rawmath() */\
+        fprintf(js_include_file,"\n/* add_rawmath() */\
 function rawmath(i){\
  i=i.toLowerCase();\
  i=i.replace(/\\ /g,\"\");i=i.replace(/\\*\\*/g,\"^\");\
  if(i.indexOf(\"e+\")!=-1){i=i.replace(\"e+\",\"*10^\");};\
  if(i.indexOf(\"e-\")!=-1){i=i.replace(\"e-\",\"*10^-\");};\
   };\
   i = i.replace(/\\)\\(/g,\")*(\");\
  };\
  return i;\
 };");
-break;
+        break;
-case JS_PLOT:
+      case JS_PLOT:
-fprintf(js_include_file,"\n/* jsplot() */\
+        fprintf(js_include_file,"\n/* jsplot() */\
 var x_anim_points;var y_anim_points;var animation_steps;var animation_funs;\
 function jsplot(canvas_type,funs,linewidth,color,opacity,use_dashed,dashtype0,dashtype1,trange,plotsteps,use_parametric,use_animate,origin){\
  var obj = create_canvas%d(canvas_type,xsize,ysize);\
  var ctx = obj.getContext(\"2d\");\
  ctx.clearRect(0,0,xsize,ysize);\
    ctx.stroke();\
   };\
  };\
  if( use_animate == 1 ){animation_steps = idx;animate_this();}\
 };",canvas_root_id);
-break;
+        break;
-case JS_MATH:
+      case JS_MATH:
 /* 5/2024 added exp -> e^ -> (2.718281828459045)^ */
-fprintf(js_include_file,"\n/* to_js_math() */\
+        fprintf(js_include_file,"\n/* to_js_math() */\
 function to_js_math(math_fun){\
  if(math_fun == null){return;};\
  var infun=[\"exp\",\"sqrt\",\"^\",\"asin\",\"acos\",\"atan\",\"log\",\"pi\",\"abs\",\"sin\",\"cos\",\"tan\",\"e\"];\
  var outfun=[\"(2.718281828459045)^\",\"Math.sqrt\",\"Math.pow\",\"Math.asin\",\"Math.acos\",\"Math.atan\",\"Math.log\",\"(3.14159265358979)\",\"Math.abs\",\"Math.sin\",\"Math.cos\",\"Math.tan\",\"(2.718281828459045)\"];\
  var len = infun.length;var in_fun;var In_Fun;var out_fun;var w_cnt;\
    };\
   };\
  };\
  return math_fun;\
 };");
-break;
+        break;
-case INTERACTIVE:
+      case INTERACTIVE:
 /* 1/8/2022 NOTE : getMouse() code should run at maximum speed and not be bothered with all kind of fancy tests !!
 /8/2022 : latest improvements related to 'reponsiveness' will fatally lockup browsers in the pixel-by-pixel filling...at least in userdraw clickfill...*/
- fprintf(js_include_file,"\n/* add mouse support */\
+        fprintf(js_include_file,"\n/* add mouse support */\
 var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0));\
 var getMouse = function(e, element){\
    var mx,my;var offsetX = 0,offsetY = 0;\
    while( ( element = element.offsetParent) ){\
      offsetX += element.offsetLeft;offsetY += element.offsetTop;\
    mx = (mx * xsize / canvas_div.offsetWidth);\
    /*console.log('mx after='+mx);*/\
    my = (my * ysize / canvas_div.offsetHeight);\
    return {x: mx, y: my};};\
 };");
-break;
+        break;
-case USERDRAW_AND_ZOOM:
+      case USERDRAW_AND_ZOOM:
-fprintf(js_include_file,"\n/* add zoom support for multidraw */\
+        fprintf(js_include_file,"\n/* add zoom support for multidraw */\
 function recalculate_userdraw(xmin0,ymin0,xmax0,ymax0){\
  function x_zoom(px){\
   var x = parseFloat(px*(xmax0 - xmin0)/xsize + xmin0);\
   return parseFloat(x*xsize/(xmax - xmin) - xsize*xmin/(xmax - xmin));\
  };\
  ctx.strokeStyle=\"rgba(\"+color+\",0.01)\";\
  for( x = 0 ; x <= xsize ; x = x + dx ){\
   ctx.beginPath();\
   ctx.moveTo(x,0);\
   ctx.lineTo(x,ysize);\
   ctx.closePath();\
   ctx.stroke();\
  };\
  for( y = 0 ; y <= ysize; y = y + dy ){\
   ctx.beginPath();\
   ctx.moveTo(0,y);\
   ctx.lineTo(xsize,y);\
   } else {\
    setTimeout(function(){ filltoborder( x0,y0,'red','red',canvas_type,true,ctx); },500);\
   };\
  };\
 };",canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_DOTFILL:/* not  used for userdraw */
+      case DRAW_DOTFILL:/* not  used for userdraw */
-fprintf(js_include_file,"\n/* draw dotfill */\
+        fprintf(js_include_file,"\n/* draw dotfill */\
 var dot_fill_pattern;\
 function draw_dotfill(canvas_type,x0,y0,dx,dy,radius,color,opacity,xsize,ysize,use_userdraw){\
 if( dx == 0 || dy == 0 ){alert(\"increment is zero !!! \");return;};\
 var fc = %d+canvas_type;\
  var obj = create_canvas%d(fc,xsize,ysize);\
    ctx.beginPath();\
    ctx.arc(x,y,radius,0,2*Math.PI,false);\
    ctx.closePath();\
    ctx.fill();\
   };\
  };\
  if( use_userdraw ){\
   dot_fill_pattern = ctx;\
  } else {\
  setTimeout(function(){ filltoborder( x0,y0,color,color,canvas_type,true,ctx); },500);\
  };\
 return;\
 };",canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_SUBSUP:/* Uses 'script-size for numbers and for sub & sup strings */
+      case DRAW_SUBSUP:/* Uses 'script-size for numbers and for sub & sup strings */
 /* use_offset
 =none;
 =yoffset
 =xoffset
 =xyoffset
 =centered
 */
-fprintf(js_include_file,"\n/* draw sub sup imitation in canvas */\
+        fprintf(js_include_file,"\n/* draw sub sup imitation in canvas */\
 function draw_subsup(ctx,x,y,txt,use_offset){\
  var C;var c;var len = txt.length;var baseline = 'middle';var space = 0;ctx.save();var subsup=0;\
  var m = 0.4*(ctx.measureText(txt).width);\
  var h = ctx.measureText('M').width;\
  switch(use_offset){\
  };\
  ctx.stroke();\
  ctx.restore();\
  return;\
 };");
-break;
+        break;
-case DRAW_TEXTFILL:/* not  used for userdraw */
+      case DRAW_TEXTFILL:/* not  used for userdraw */
-fprintf(js_include_file,"\n/* draw textfill */\
+        fprintf(js_include_file,"\n/* draw textfill */\
 var text_fill_pattern;\
 function draw_textfill(canvas_type,x0,y0,color,fontfamily,xsize,ysize,txt,use_userdraw){\
 var fc = %d+canvas_type;\
 var obj = create_canvas%d(fc,xsize,ysize);\
 var ctx = obj.getContext('2d');\
 ctx.strokeStyle=\"rgba(\"+color+\",0.01)\";\
 for(var x = 0 ; x <= xsize ; x = x + dx ){\
  for(var y = 0 ; y <= ysize ; y = y + dy ){\
   ctx.fillText(txt, x, y);\
  };\
 };\
 if( use_userdraw ){\
  text_fill_pattern = ctx;\
 }\
 else\
 {\
  setTimeout(function(){ filltoborder( x0,y0,color,color,canvas_type,true,ctx); },500);\
 };\
 return;};",canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_DIAMONDFILL:/* not used for userdraw */
+      case DRAW_DIAMONDFILL:/* not used for userdraw */
-fprintf(js_include_file,"\n/* draw hatch fill */\
+        fprintf(js_include_file,"\n/* draw hatch fill */\
 var diamond_fill_pattern;\
 function draw_diamondfill(canvas_type,x0,y0,dx,dy,linewidth,color,stroke_opacity,xsize,ysize,use_userdraw){\
 if( dx == 0 || dy == 0 ){alert(\"increment is zero !!! \");return;};\
 var fc = %d+canvas_type;\
 var obj = create_canvas%d(fc,xsize,ysize);\
 {\
  setTimeout(function(){ filltoborder( x0,y0,color,color,canvas_type,true,ctx); },500);\
 };\
 return;\
 }",canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_HATCHFILL:/* not used for userdraw */
+      case DRAW_HATCHFILL:/* not used for userdraw */
-fprintf(js_include_file,"\n/* draw hatch fill */\
+        fprintf(js_include_file,"\n/* draw hatch fill */\
 var hatch_fill_pattern;\
 function draw_hatchfill(canvas_type,x0,y0,dx,dy,linewidth,color,stroke_opacity,xsize,ysize,use_userdraw){\
 if( dx == 0 || dy == 0 ){alert(\"increment is zero !!! \");return;};\
 var fc = %d+canvas_type;\
 var obj = create_canvas%d(fc,xsize,ysize);\
 else\
 {\
  setTimeout(function(){ filltoborder( x0,y0,color,color,canvas_type,true,ctx); },500);\
 };\
 return;};",canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_LINES:/*  used for js-tracing */
+      case DRAW_LINES:/*  used for js-tracing */
-fprintf(js_include_file,"\n/* draw lines */\
+        fprintf(js_include_file,"\n/* draw lines */\
 function calc_line(x1,x2,y1,y2){\
  var marge = 2;\
  if(x1 < x2+marge && x1>x2-marge){\
   return [x1,0,x1,ysize];\
  };\
   ctx.stroke();\
   }\
   ctx.restore();\
   return;\
  };");
-break;
+        break;
-case DRAW_CROSSHAIRS:/*  used for tracing */
+      case DRAW_CROSSHAIRS:/*  used for tracing */
-fprintf(js_include_file,"\n/* draw crosshairs  */\
+        fprintf(js_include_file,"\n/* draw crosshairs  */\
 var draw_crosshairs = function(ctx,x_points,y_points,line_width,crosshair_size,stroke_color,stroke_opacity,use_rotate,angle){\
  ctx.save();\
  if(use_rotate == 1 ){ctx.rotate(angle*Math.PI/180);}\
  ctx.lineWidth = line_width;\
  ctx.strokeStyle=\"rgba(\"+stroke_color+\",\"+stroke_opacity+\")\";\
  for(var p = 0 ; p < x_points.length ; p++ ){\
   x1 = x_points[p] - crosshair_size;\
   x2 = x_points[p] + crosshair_size;\
   y1 = y_points[p] - crosshair_size;\
   y2 = y_points[p] + crosshair_size;\
   ctx.beginPath();\
   ctx.moveTo(x1,y1);\
   ctx.lineTo(x2,y2);\
   ctx.closePath();\
   ctx.stroke();\
   ctx.beginPath();\
   ctx.moveTo(x2,y1);\
   ctx.lineTo(x1,y2);\
   ctx.closePath();\
   ctx.stroke();\
  }\
  ctx.restore();\
   return;\
 };");
-break;
+        break;
-case DRAW_VIDEO:/* not  used for userdraw */
+      case DRAW_VIDEO:/* not  used for userdraw */
-fprintf(js_include_file,"\n/* draw video */\
+        fprintf(js_include_file,"\n/* draw video */\
 var draw_video = function(canvas_root_id,x,y,w,h,URL){\
  var canvas_div = document.getElementById(\"canvas_div\"+canvas_root_id);\
  var video_div = document.createElement(\"div\");\
  canvas_div.appendChild(video_div);\
  video_div.style.position = \"absolute\";\
  src.src = URL;\
  video.appendChild(src);\
  video.load();\
  return;\
 };");
-break;
+        break;
-case DRAW_AUDIO:/* not used for userdraw */
+      case DRAW_AUDIO:/* not used for userdraw */
-fprintf(js_include_file,"\n/* draw audio */\
+        fprintf(js_include_file,"\n/* draw audio */\
 var draw_audio = function(canvas_root_id,x,y,w,h,loop,visible,URL1,URL2){\
  var canvas_div = document.getElementById(\"canvas_div\"+canvas_root_id);\
  var audio_div = document.createElement(\"div\");\
  canvas_div.appendChild(audio_div);\
  audio_div.style.position = \"absolute\";\
  src2.src = URL2;\
  audio.appendChild(src2);\
  audio.load();\
  return;\
 };");
-break;
+        break;
-case DRAW_HTTP:/* not  used for userdraw */
+      case DRAW_HTTP:/* not  used for userdraw */
-fprintf(js_include_file,"\n/* draw http */\
+        fprintf(js_include_file,"\n/* draw http */\
 var draw_http = function(canvas_root_id,x,y,w,h,URL){\
  var canvas_div = document.getElementById(\"canvas_div\"+canvas_root_id);\
  var http_div = document.createElement(\"div\");\
  var iframe = document.createElement(\"iframe\");\
  canvas_div.appendChild(http_div);\
  http_div.appendChild(iframe);\
  iframe.src = URL;\
  iframe.setAttribute(\"width\",w);\
  iframe.setAttribute(\"height\",h);\
  return;\
 };");
-break;
+        break;
-case DRAW_XML:
+      case DRAW_XML:
 /*
 !! function draw_xml(object)
 !! produced by : DRAW_XML
 !! used by commands: katex,latex,mathml,html,obabel
 !! uses js-functions: calculate_size(xml_div),rad2deg(rad)
 y:   drag_type = 2;
 obj.type: mathml,katex,html,svg,image(bitmap) (attention: for centering image needs to be measured after loading page !!)
 */
-fprintf(js_include_file,"\n/* draw xml */\
+        fprintf(js_include_file,"\n/* draw xml */\
 function centered(xml_div,obj){\
  var ww = 0.5*(parseFloat(window.getComputedStyle(xml_div).width));\
  var hh = 0.5*(parseFloat(window.getComputedStyle(xml_div).height));\
  obj.offset = [ ww , hh ];\
  /*xml_div.style.left = obj.x[0] - obj.offset[0] +'px';\
 };",mathjax);
 /*
 console.log('angle='+obj.angle+'obj.use_center='+obj.use_center+'id='+obj.id+'xml_div.id = '+xml_div.id+' once ='+obj.once+' offset='+ obj.offset+' div x = '+xml_div.style.left+' div y ='+xml_div.style.top+' obj.x='+px2x(obj.x)+'obj.y='+px2y(obj.y));\
 */
-break;
+        break;
-case DRAW_SGRAPH:
+      case DRAW_SGRAPH:
 /*
  xstart = given
  ystart = given
  sgraph(canvas_type,precision,xmajor,ymajor,xminor,yminor,majorcolor,minorcolor,fontfamily)
 */
-fprintf(js_include_file,"\n/* draw sgraph */\
+        fprintf(js_include_file,"\n/* draw sgraph */\
 var draw_sgraph = function(canvas_type,precision,xmajor,ymajor,xminor,yminor,majorcolor,minorcolor,fontfamily,opacity,font_size){\
  var obj;if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){obj = document.getElementById(\"wims_canvas%d\"+canvas_type);}else{ obj = create_canvas%d(canvas_type,xsize,ysize);};\
  var ctx = obj.getContext(\"2d\");\
  ctx.font = fontfamily;\
  var minor_opacity = 0.8*opacity;\
    ctx.rotate(-0.5*Math.PI);\
    ctx.fillText(yaxislabel,0,0);\
    ctx.restore();\
  };\
 };",canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_NUMBERLINE:
+      case DRAW_NUMBERLINE:
 fprintf(js_include_file,"\n/* draw numberline */\
 var draw_numberline = function(canvas_type,use_axis_numbering,x0,x1,xmajor,xminor,y0,y1,linewidth,strokecolor,strokeopacity,fontfamily,fontcolor,precision){\
  var obj = create_canvas%d(canvas_type,xsize,ysize);\
  var ctx = obj.getContext(\"2d\");\
  ctx.lineWidth = linewidth || 1;\
    if( corr > xmajor){ if(flipflop == 0 ){flipflop = 1; off = ybase2;}else{flipflop = 0; off = ybase1;};};\
    ctx.fillText(num,parseInt(p - 0.5*corr),off);\
   };\
  };\
 };",canvas_root_id);
-break;
+        break;
-case DRAW_GRID:/* not used for userdraw */
+      case DRAW_GRID:/* not used for userdraw */
-fprintf(js_include_file,"\n/* draw grid */\
+        fprintf(js_include_file,"\n/* draw grid */\
 var draw_grid%d = function(canvas_type,precision,stroke_opacity,xmajor,ymajor,xminor,yminor,tics_length,line_width,stroke_color,axis_color,font_size,font_family,use_axis,use_axis_numbering,use_dashed,dashtype0,dashtype1,font_color,fill_opacity){\
 var obj;if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){obj = document.getElementById(\"wims_canvas%d\"+canvas_type);}else{obj = create_canvas%d(canvas_type,xsize,ysize);};\
 var ctx = obj.getContext(\"2d\");ctx.clearRect(0,0,xsize,ysize);\
 if(use_dashed == 1){if(ctx.setLineDash){ctx.setLineDash([dashtype0,dashtype1]);}else{ctx.mozDash = [dashtype0,dashtype1];};};\
 ctx.save();\
  ctx.restore();\
 };\
 ctx.stroke();\
 ctx.closePath();",canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id);
-if( use_axis == 1 ){
+        if( use_axis == 1 ){
-fprintf(js_include_file,"\
+          fprintf(js_include_file,"\
  ctx.save();\
  ctx.beginPath();\
  ctx.strokeStyle = stroke_color;\
  ctx.lineWidth = 0.6*line_width;\
  for(var p = zero_x ; p < xsize; p = p + x2step){\
   ctx.lineTo(xsize,p);\
  };\
  for(var p = zero_y ; p > 0; p = p - y2step){\
   ctx.moveTo(0,p);\
   ctx.lineTo(xsize,p);\
  };\
  ctx.stroke();\
  ctx.closePath();\
  ctx.beginPath();\
  ctx.lineWidth = 2*line_width;\
  ctx.strokeStyle = axis_color;\
  ctx.moveTo(0,zero_y);\
  ctx.lineTo(xsize,zero_y);\
  ctx.stroke();\
  ctx.closePath();\
  ctx.lineWidth = line_width+0.5;\
  ctx.beginPath();\
  for(var p = zero_x ; p < xsize; p = p + xstep){\
   ctx.moveTo(p,zero_y-tics_length);\
   ctx.lineTo(p,zero_y+tics_length);\
  };\
  for(var p = zero_x ; p > 0; p = p - xstep){\
   ctx.moveTo(p,zero_y-tics_length);\
   ctx.lineTo(p,zero_y+tics_length);\
  };\
  for(var p = zero_y ; p < ysize; p = p + ystep){\
   ctx.moveTo(zero_x-tics_length,p);\
   ctx.lineTo(zero_x+tics_length,p);\
  };\
  for(var p = zero_y ; p > 0; p = p - ystep){\
   ctx.moveTo(zero_x-tics_length,p);\
   ctx.lineTo(zero_x+tics_length,p);\
  };\
  for(var p = zero_x ; p < xsize; p = p + x2step){\
   ctx.moveTo(p,zero_y-0.5*tics_length);\
   ctx.lineTo(p,zero_y+0.5*tics_length);\
  };\
  for(var p = zero_x ; p > 0; p = p - x2step){\
   ctx.moveTo(p,zero_y-0.5*tics_length);\
   ctx.lineTo(p,zero_y+0.5*tics_length);\
  };\
  for(var p = zero_y ; p < ysize; p = p + y2step){\
   ctx.moveTo(zero_x-0.5*tics_length,p);\
   ctx.lineTo(zero_x+0.5*tics_length,p);\
  };\
  for(var p = zero_y ; p > 0; p = p - y2step){\
   ctx.moveTo(zero_x-0.5*tics_length,p);\
   ctx.lineTo(zero_x+0.5*tics_length,p);\
  };\
  ctx.stroke();\
  ctx.closePath();\
  ctx.restore();");
-}
+        }
-if( use_axis_numbering != -1 ){
+        if( use_axis_numbering != -1 ){
-fprintf(js_include_file,"\
+          fprintf(js_include_file,"\
  ctx.save();\
  ctx.fillColor = axis_color;\
  ctx.strokeStyle = axis_color;\
  ctx.lineWidth = 2*line_width;\
  ctx.font = font_family;\
    cnt = cnt + ymajor;\
   };\
  };\
  ctx.stroke();\
  ctx.restore();");
-}
+        }
-if( legend_cnt != -1 ){
+        if( legend_cnt != -1 ){
-fprintf(js_include_file,"ctx.save();\
+          fprintf(js_include_file,"ctx.save();\
  ctx.globalAlpha = 1.0;\
  ctx.font = \"bold \"+font_size+\"px Arial\";\
  var y_offset = 2*font_size;\
  var txt;var txt_size;\
  var x_offset = xsize - 2*font_size;\
   if( barcolor.length == 0 ){\
    for(var p = 0 ; p < l_length ; p++){\
     barcolor[p] = stroke_color;\
    };\
   };\
  };\
  for(var p = 0; p < l_length; p++){\
   ctx.fillStyle = barcolor[p];\
   txt = legend0[p];\
   txt_size = ctx.measureText(txt).width;\
   ctx.fillText(legend0[p],x_offset - txt_size, y_offset);\
   y_offset = parseInt(y_offset + 1.5*font_size);\
  };\
  ctx.restore();");
-}
+        }
-if( barchart_cnt != 0 ){
+        if( barchart_cnt != 0 ){
-fprintf(js_include_file,"ctx.save();\
+          fprintf(js_include_file,"ctx.save();\
  var num_barcharts = 0;\
  var bar_name = eval('barchart_0');\
  while( typeof(bar_name) !== 'undefined' ){\
     try{ bar_name = eval('barchart_'+num_barcharts);num_barcharts++;}catch(e){break;};\
  };\
    ctx.stroke();\
    ctx.closePath();\
   };\
  };\
  ctx.restore();");
-}
+        }
-if( linegraph_cnt != 0 ){
+        if( linegraph_cnt != 0 ){
-fprintf(js_include_file,"ctx.save();\
+          fprintf(js_include_file,"ctx.save();\
  ctx.globalAlpha = 1.0;\
  var i = 0;\
  var line_name = eval('linegraph_'+i);\
  while ( typeof(line_name) !== 'undefined' ){\
   ctx.strokeStyle = 'rgba('+line_name[0]+','+stroke_opacity+')';\
   };\
   i++;\
   try{ line_name = eval('linegraph_'+i); }catch(e){ break; }\
  };\
  ctx.restore();return;");
-}
+        }
-fprintf(js_include_file,"};");
+        fprintf(js_include_file,"};");
-break;
+        break;
-case DRAW_PIECHART:
+      case DRAW_PIECHART:
-fprintf(js_include_file,"\n/* draw piecharts */\
+        fprintf(js_include_file,"\n/* draw piecharts */\
 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);\
    };\
   };\
  };\
  ctx.restore();\
 };",canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_JSBOXPLOT:
+      case DRAW_JSBOXPLOT:
-fprintf(js_include_file,"\n/* draw jsboxplots */\
+        fprintf(js_include_file,"\n/* draw jsboxplots */\
 if( typeof(all_fill_patterns) != 'object' ){ var all_fill_patterns = []; };\
 function statistics(data){\
  var len = data.length;\
  var min = 10000000;\
  var max = -10000000;\
   Q1 = (data[q1 - 1] + data[q1] )/2;\
   Q3 = (data[q3 - 1] + data[q3] )/2;\
  };\
  return [min,Q1,median,Q3,max];\
 };");
-break;
+        break;
-case DRAW_BOXPLOT:
+      case DRAW_BOXPLOT:
-fprintf(js_include_file,"\n/* draw boxplots */\
+        fprintf(js_include_file,"\n/* draw boxplots */\
 if( typeof(all_fill_patterns) != 'object' ){ var all_fill_patterns = []; };\
 draw_boxplot = function(canvas_type,xy,hw,cxy,data,line_width,stroke_color,stroke_opacity,fill_color,fill_opacity,use_filled,use_dashed,dashtype0,dashtype1){\
  var obj;\
  if( document.getElementById(\"wims_canvas%d\"+canvas_type) ){obj = document.getElementById(\"wims_canvas%d\"+canvas_type);}else{obj = create_canvas%d(canvas_type,xsize,ysize);};\
  var ctx = obj.getContext(\"2d\");\
    ctx.fill();\
   };\
   ctx.stroke();\
  };\
  ctx.restore();};",canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_CENTERSTRING:
+      case DRAW_CENTERSTRING:
-fprintf(js_include_file,"\n/* draw centerstring */\
+        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 {\
  var x = parseInt((xsize - stringwidth)/2);if( x < 0 ){x = 0;};\
  ctx.fillText(text,x,y2px(y));\
  ctx.restore();\
 return;\
 };",canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_TEXTS:
+      case DRAW_TEXTS:
-fprintf(js_include_file,"\n/* draw text */\
+        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 {\
   ctx.fillText(text,x,y);\
  };\
  return;\
 };",canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_INPUTS:
+      case DRAW_INPUTS:
 /* function center_input may be used for other centering...if not? integrate it in draw_static_inputs...*/
-fprintf(js_include_file,"\n/* draw static input fields */\
+        fprintf(js_include_file,"\n/* draw static input fields */\
 if(typeof(input_cnt) !== 'undefined' ){var input_cnt = 0;};\
 var draw_static_inputs = function(root_id,num,x,y,size,readonly,css_class,value,use_offset){\
 var input = document.createElement(\"input\");\
 input.setAttribute(\"id\",\"canvas_input\"+num);\
 input.setAttribute(\"style\",\"text-align:center;position:absolute;left:\"+x+\"px;top:\"+y+\"px;\");\
  var center_x = parseInt(x - 0.5*(pos.width));\
  var center_y = parseInt(y - 0.5*(pos.height));\
  try{if(css_class != \"none\"){inp.setAttribute(\"class\",css_class);};inp.setAttribute(\"style\",\"text-align:center;position:absolute;left:\"+center_x+\"px;top:\"+center_y+\"px;\");}\
  catch(e){console.log('error :'+e);return;};\
 };");
-break;
+        break;
-case DRAW_TEXTAREAS:
+      case DRAW_TEXTAREAS:
-fprintf(js_include_file,"\n/* draw text area inputfields */\
+        fprintf(js_include_file,"\n/* draw text area inputfields */\
 var draw_textareas = function(root_id,num,x,y,cols,rows,readonly,style,value){\
 var canvas_div = document.getElementById(\"canvas_div\"+root_id);\
 var textarea = document.createElement(\"textarea\");\
 textarea.setAttribute(\"id\",\"canvas_input\"+num);\
 textarea.setAttribute(\"style\",\"position:absolute;left:\"+x+\"px;top:\"+y+\"px;\"+style);\
 textarea.setAttribute(\"cols\",cols);\
 textarea.setAttribute(\"rows\",rows);\
 textarea.value = value;\
 if( readonly == 0 || wims_status == \"done\" ){ textarea.setAttribute(\"readonly\",\"readonly\");if( wims_status == \"done\" ){textarea.value=\"\";};};\
 canvas_div.appendChild(textarea);};");
-break;
+        break;
-case DRAW_PIXELS:
+      case DRAW_PIXELS:
-fprintf(js_include_file,"\n/* draw pixel */\
+        fprintf(js_include_file,"\n/* draw pixel */\
 var draw_setpixel = function(x,y,color,opacity,pixelsize){\
  var idx = 2000+Math.ceil(1000*(Math.random()));\
  var canvas = create_canvas%d(idx,xsize,ysize);\
  var d = 0.5*pixelsize;\
  var ctx = canvas.getContext(\"2d\");\
  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;
+        break;
-case DRAW_CLOCK:
+      case DRAW_CLOCK:
-fprintf(js_include_file,"\n/* command clock */\
+        fprintf(js_include_file,"\n/* command clock */\
 var clock_canvas = create_canvas%d(%d,xsize,ysize);\
 var clock_ctx = clock_canvas.getContext(\"2d\");\
 var clock = function(xc,yc,radius,H,M,S,type,interaction,h_color,m_color,s_color,bg_color,fg_color){\
  clock_ctx.clearRect(xc - radius,yc - radius,2*radius,2*radius);\
  clock_ctx.save();\
  clock_ctx.lineTo(this.radius  * 0.9, -1);\
  clock_ctx.strokeStyle = this.S_color;\
  clock_ctx.stroke();\
  clock_ctx.restore();\
 };",canvas_root_id,CLOCK_CANVAS);
-break;
+        break;
-case DRAW_LATTICE:
+      case DRAW_LATTICE:
-fprintf(js_include_file,"\n/* draw lattice */\
+        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 {\
   };\
  };\
  ctx.restore();\
  return;\
 };",canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_XYLOGSCALE:
+      case DRAW_XYLOGSCALE:
-fprintf(js_include_file,"\n/* draw xylogscale */\
+        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 {\
  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\";\
   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.translate(xmarge+font_size,corr+font_size);\
   ctx.rotate(-0.5*Math.PI);\
   ctx.fillText(yaxislabel,0,0);\
   ctx.restore();\
  };\
  ctx.fillStyle = \"rgba(\"+font_color+\",\"+major_opacity+\")\";\
    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.lineWidth = line_width;\
     ctx.strokeStyle=\"rgba(\"+major_color+\",\"+major_opacity+\")\";\
     if( use_axis_numbering != -1 && p > y_min){\
      ctx.fillText(ylogbase+'^'+p.toFixed(0),0,y_e);\
     };\
    }else{\
     ctx.lineWidth = 0.2*line_width;\
    ctx.closePath();\
   };\
  };\
  ctx.restore();\
 };",canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_XLOGSCALE:
+      case DRAW_XLOGSCALE:
-fprintf(js_include_file,"\n/* 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 {\
  var xtxt;var ytxt;var num;var xmarge;var ymarge;\
  if(use_axis_numbering != -1){\
   ctx.font = font_family;\
   xmarge = ctx.measureText(ymax.toFixed(prec)+' ').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;};\
      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();\
    };\
   };\
  };\
  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+\")\";\
    ctx.strokeStyle=\"rgba(\"+minor_color+\",\"+minor_opacity+\")\";\
    ctx.lineWidth = 0.2*line_width;\
    ctx.beginPath();\
    ctx.moveTo(xmarge,y+dy*minor_step);\
    ctx.lineTo(xsize,y+dy*minor_step);\
    ctx.stroke();\
    ctx.closePath();\
   };\
  };\
  ctx.restore();\
 };",canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_YLOGSCALE:
+      case DRAW_YLOGSCALE:
-fprintf(js_include_file,"\n/* draw ylogscale */\
+        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 {\
    ctx.closePath();\
   };\
  };\
  ctx.restore();\
 };",canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case ADD_USER_INPUTS:
+      case ADD_USER_INPUTS:
-fprintf(js_include_file,"\n/* add_input_xy */\
+        fprintf(js_include_file,"\n/* add_input_xy */\
 function add_input_xy(){\
 if( wims_status == \"done\" ){return;};\
 var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\
 var input_xy_div = document.createElement('div');\
 input_xy_div.id = \"input_xy_div\";\
 tooltip_div.appendChild(input_xy_div);",canvas_root_id);
-if(strstr(draw_type,"polyline") != NULL || strstr(draw_type,"point") != NULL || strstr(draw_type,"cross") != NULL ){ /* ( input_x : input_y )*/
+      if(strstr(draw_type,"polyline") != NULL || strstr(draw_type,"point") != NULL || strstr(draw_type,"cross") != NULL ){ /* ( input_x : input_y )*/
-type=1;
+        type=1;
-fprintf(js_include_file,"input_xy_div.innerHTML=\"<br><span class='%s'>(<input type='text' size='2' value='' id='userinput_x'/> : <input type='text' size='2' value='' id='userinput_y'/>)<input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";",css_class);
+        fprintf(js_include_file,"input_xy_div.innerHTML=\"<br><span class='%s'>(<input type='text' size='2' value='' id='userinput_x'/> : <input type='text' size='2' value='' id='userinput_y'/>)<input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";",css_class);
-}else{
+      }else{
-if(strstr(draw_type,"circle") != NULL ){/* M: (input_x :input_y) R:input_r*/
+        if(strstr(draw_type,"circle") != NULL ){/* M: (input_x :input_y) R:input_r*/
-type=2;
+          type=2;
-fprintf(js_include_file,"input_xy_div.innerHTML=\"<br><span class='%s'>M:&nbsp;(<input type='text' size='2' value='' id='userinput_x'/> : <input type='text' size='2' value='' id='userinput_y'/>) &nbsp;&nbsp;R:&nbsp;<input type='text' size='2' value='' id='userinput_r'/><input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";",css_class);
+          fprintf(js_include_file,"input_xy_div.innerHTML=\"<br><span class='%s'>M:&nbsp;(<input type='text' size='2' value='' id='userinput_x'/> : <input type='text' size='2' value='' id='userinput_y'/>) &nbsp;&nbsp;R:&nbsp;<input type='text' size='2' value='' id='userinput_r'/><input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";",css_class);
-}else{
+        }else{
-type=3;
+            type=3;
-if(strstr(draw_type,"segment") != NULL  ||  strstr(draw_type,"line") != NULL  ||  strstr(draw_type,"arrow") != NULL  ){  /* ( input_x1 : input_y1) --- ( input_x2 : input_y2) */
+            if(strstr(draw_type,"segment") != NULL  ||  strstr(draw_type,"line") != NULL  ||  strstr(draw_type,"arrow") != NULL  ){  /* ( input_x1 : input_y1) --- ( input_x2 : input_y2) */
-fprintf(js_include_file,"input_xy_div.innerHTML=\"<br><span class='%s'>(<input type='text' size='2' value='' id='userinput_x1'/> : <input type='text' size='2' value='' id='userinput_y1'/>) &minus;&minus;&minus; (<input type='text' size='2' value='' id='userinput_x2'/> : <input type='text' size='2' value='' id='userinput_y2'/>)<input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";",css_class);
+              fprintf(js_include_file,"input_xy_div.innerHTML=\"<br><span class='%s'>(<input type='text' size='2' value='' id='userinput_x1'/> : <input type='text' size='2' value='' id='userinput_y1'/>) &minus;&minus;&minus; (<input type='text' size='2' value='' id='userinput_x2'/> : <input type='text' size='2' value='' id='userinput_y2'/>)<input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";",css_class);
-}else{
+            }else{
-type=4;
+              type=4;
-if(strstr(draw_type,"triang") != NULL ){ /* ( input_x1 : input_y1) --- ( input_x2 : input_y2) --- ( input_x3 : input_y3) */
+              if(strstr(draw_type,"triang") != NULL ){ /* ( input_x1 : input_y1) --- ( input_x2 : input_y2) --- ( input_x3 : input_y3) */
-fprintf(js_include_file,"input_xy_div.innerHTML=\"<br><span class='%s'>&#8420;&nbsp;&nbsp;<input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/><br/>(<input type='text' size='2' value='' id='userinput_x1'/> : <input type='text' size='2' value='' id='userinput_y1'/>)<br/>(<input type='text' size='2' value='' id='userinput_x2'/> : <input type='text' size='2' value='' id='userinput_y2'/>)<br/>(<input type='text' size='2' value='' id='userinput_x3'/> : <input type='text' size='2' value='' id='userinput_y3'/>)</span> \";",css_class);
+                fprintf(js_include_file,"input_xy_div.innerHTML=\"<br><span class='%s'>&#8420;&nbsp;&nbsp;<input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/><br/>(<input type='text' size='2' value='' id='userinput_x1'/> : <input type='text' size='2' value='' id='userinput_y1'/>)<br/>(<input type='text' size='2' value='' id='userinput_x2'/> : <input type='text' size='2' value='' id='userinput_y2'/>)<br/>(<input type='text' size='2' value='' id='userinput_x3'/> : <input type='text' size='2' value='' id='userinput_y3'/>)</span> \";",css_class);
-}else{
+              }else{
-type=5;
+                type=5;
-if(strstr(draw_type,"text") != NULL ){ /*Text: input_r ( input_x1 : input_y1)  */
+                if(strstr(draw_type,"text") != NULL ){ /*Text: input_r ( input_x1 : input_y1)  */
-fprintf(js_include_file,"input_xy_div.innerHTML=\"<br><span class='%s'>(<input type='text' size='2' value='' id='userinput_x'/>:<input type='text' size='2' value='' id='userinput_y'/>)&nbsp;<input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";",css_class);
+                  fprintf(js_include_file,"input_xy_div.innerHTML=\"<br><span class='%s'>(<input type='text' size='2' value='' id='userinput_x'/>:<input type='text' size='2' value='' id='userinput_y'/>)&nbsp;<input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";",css_class);
-}else{canvas_error("command 'userinput' or 'userinput_xy' is not supported for your 'userdraw' type...");
+                }else{canvas_error("command 'userinput' or 'userinput_xy' is not supported for your 'userdraw' type...");
+              }
+            }
+          }
-}}}}}
+        }
+      }
-fprintf(js_include_file,"\
+      fprintf(js_include_file,"\
 var update_button = document.getElementById(\"update_button\");\
 var delete_button = document.getElementById(\"delete_button\");\
 update_button.addEventListener(\"mousedown\",function(e){update_me();redraw_userdraw();return;},false);\
 delete_button.addEventListener(\"mousedown\",function(e){remove_last();return;},false);\
 };add_input_xy();");
-switch(type){
+      switch(type){
- case 1:
+        case 1:
-fprintf(js_include_file,"\n/* add_input_xy */\
+          fprintf(js_include_file,"\n/* add_input_xy */\
 function update_me(){\
  var x = safe_eval(document.getElementById('userinput_x').value);\
  var y = safe_eval(document.getElementById('userinput_y').value);\
  userdraw_x.push(x2px(x));userdraw_y.push(y2px(y));\
  return;\
 };");break;
- case 2:
+        case 2:
-fprintf(js_include_file,"\n/* add_input_xy */\
+          fprintf(js_include_file,"\n/* add_input_xy */\
 function update_me(){\
  var x = safe_eval(document.getElementById('userinput_x').value);\
  var y = safe_eval(document.getElementById('userinput_y').value);\
  var r = safe_eval(document.getElementById('userinput_r').value);\
  r = scale_x_radius(r);\
  userdraw_radius.push(r);userdraw_x.push(x2px(x));userdraw_y.push(y2px(y));\
  return;\
 };");break;
- case 3:
+        case 3:
-fprintf(js_include_file,"\n/* add_input_xy */\
+          fprintf(js_include_file,"\n/* add_input_xy */\
 function update_me(){\
  var x,y;\
  for(var p=1; p<3;p++){\
   x = safe_eval(document.getElementById('userinput_x'+p).value);\
   y = safe_eval(document.getElementById('userinput_y'+p).value);\
   userdraw_x.push(x2px(x));userdraw_y.push(y2px(y));\
  };\
  return;\
 };");
- break;
+          break;
- case 4:
+        case 4:
-fprintf(js_include_file,"\n/* add_input_xy */\
+          fprintf(js_include_file,"\n/* add_input_xy */\
 function update_me(){\
  var x,y;\
  for(var p=1; p<4;p++){\
   x = safe_eval(document.getElementById('userinput_x'+p).value);\
   y = safe_eval(document.getElementById('userinput_y'+p).value);\
   userdraw_x.push(x2px(x));userdraw_y.push(y2px(y));\
  };\
  return;\
 };");
- break;
+          break;
- case 5:
+        case 5:
  /* a inputfield with 'id=userdraw_text_abc' is provided by command 'userdraw text,color'*/
-fprintf(js_include_file,"\n/* add_input_xy */\
+          fprintf(js_include_file,"\n/* add_input_xy */\
 function update_me(){\
  var x = safe_eval(document.getElementById('userinput_x').value);\
  var y = safe_eval(document.getElementById('userinput_y').value);\
  var txt = conv_to_unicode(document.getElementById('userdraw_text_abc').value);\
  userdraw_x.push(x2px(x));userdraw_y.push(y2px(y));userdraw_text.push(txt.replace(/\\\\/g,' '));\
  return;\
 };");
- break;
+          break;
- default: canvas_error("hmmm, I've no idea...");break;
+        default: canvas_error("hmmm, I've no idea...");break;
-}
+      }
-break;
+      break;
-default:break;
+      default:break;
+      }
-   }
+    }
+  }
- }
   return;
+}

Subversion Repositories wimsdev

(root)/trunk/wims/src/Misc/canvasdraw/canvasutils.c – Rev 18218 → 18553