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

 fprintf(js_include_file,"\n/* draw zoom buttons */\
 var draw_zoom_buttons = function(){\
  var obj;var canvas_type =%d;\
  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.font =\"20px Arial\";\
  ctx.textAlign = \"right\";\
 };draw_zoom_buttons();",BG_CANVAS,canvas_root_id,canvas_root_id,canvas_root_id,stroke_color,stroke_opacity);
+}
 void add_js_popup(char *getfile_cmd){
 fprintf(stdout,"\n<!-- begin command popup %d -->\n\
-<script type=\"text/javascript\">\n\
+<script>\n\
 if( wims_status != 'done'){\
  var popup = window.open('','','toolbar=no,scrollbars=yes,menubar=no,location=no,resizable=yes,top=4,left=4,status=no, width = %dpx, height = %dpx');\
  var popupHTML =\"<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>\\n<html><head></head>\\n<body><div style='width:%dpx;height:%dpx;position:relative' id='canvas_div%d'></div><div id='tooltip_placeholder_div%d' style='display:block;position:relative;margin-left:auto;margin-right:auto;margin-bottom:4px;'><span id='tooltip_placeholder%d' style='display:none;'></span></div></body></html>\";\
  popup.document.write(popupHTML);\
  var s0 = popup.document.createElement(\"script\");\
  s0.text=\"var wims_status = window.opener.wims_status; var use_dragdrop_reply = window.opener.use_dragdrop_reply;window.opener.canvas_scripts.push('%d');\";\
  popup.document.getElementsByTagName(\"HEAD\")[0].appendChild(s0);\
  var s1 = popup.document.createElement(\"script\");\
- s1.type = \"text/javascript\";\
  s1.src = \"%s\";\
  popup.document.getElementsByTagName(\"HEAD\")[0].appendChild(s1);\
  popup.document.close();\
- }else{\
+ } else {\
- var canvas_div = document.getElementById('canvas_div%d');\
+  var canvas_div = document.getElementById('canvas_div%d');\
- canvas_div.style.display='block';\
+  canvas_div.style.display='block';\
  };\n</script>\n<!-- end command popup %d -->\n",
 canvas_root_id,
 xsize+40,ysize+40,
 xsize,ysize,
 canvas_root_id,
 canvas_root_id);
+}
 void add_js_tooltip(char *tooltip_text,char *bgcolor){
 fprintf(stdout,"\n<!-- begin command intooltip %d -->\n\
-<script type=\"text/javascript\">\n\
+<script>\n\
 var xsize = %d;\
 var ysize = %d;\
 var tooltip%d_obj_x = 0;\
 var tooltip%d_obj_y = 0;\
 var tooltip%d_flipflop = 0;\
  if(action.clientX){\
   tooltip%d_obj.style.left = (tooltip%d_mouseX(action) + 10) +\"px\";\
   var ytop = tooltip%d_mouseY(action);\
   if(ytop + ysize < window.innerHeight){\
    tooltip%d_obj.style.top = (ytop - 10) +\"px\";\
-  }\
-  else\
+  } else {\
-  {\
    tooltip%d_obj.style.top = parseInt(ytop - 0.8*ysize) +\"px\";\
   };\
- }\
- else\
+ } else {\
- {\
   return null;\
  };\
 };\
 function tooltip%d_mouseX(action){\
  if(action.pageX){\
   return action.pageX;\
- }\
- else\
+ } else {\
- {\
   if(action.clientX){\
    return action.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);\
-  }\
-  else\
+  } else {\
-  {\
    return null;\
   };\
  };\
 };\
 function tooltip%d_mouseY(action){\
  if(action.pageY){\
   return action.pageY;\
- }\
- else\
+ } else {\
- {\
   if(action.clientY){\
    return action.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop :document.body.scrollTop);\
-  }\
-  else\
+  } else {\
-  {\
    return null;\
   };\
  };\
 };\
 function tooltip%d_show(){\
  if(tooltip%d_flipflop == 0){\
   tooltip%d_obj.style.display = \"block\";\
   tooltip%d_flipflop = 1;\
- }\
- else\
+ } else {\
- {\
   tooltip%d_flipflop = 0;\
   tooltip%d_obj.style.display = \"none\";\
  };\
 };\n</script>\n<!-- end command intooltip %d -->\n",canvas_root_id,xsize,ysize,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,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,tooltip_text,canvas_root_id,bgcolor,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,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id);
 /*
  x-value of the mouse will be used to calculate via javascript the corresponding y-value using the verbatim js-math function
  a configurable crosshair and vertical/horizontal crosshair lines will be drawn
  function is called "use_mouse_coordinates() and thus can not be combined with command 'mouse'
 */
-void add_trace_js_mouse(int canvas_cnt,char *stroke_color,char *jsmath,int font_size,double stroke_opacity,int line_width,int crosshair_size,char *css_class){
+void add_trace_js_mouse(int canvas_cnt, char *stroke_color, char *jsmath,
+  int font_size, double stroke_opacity, int line_width,
+  int crosshair_size,char *css_class){
 fprintf(js_include_file,"\n/* add_trace_jsmath */\
 use_jsmath=1;\
 function use_trace_jsmath(){\
 if( wims_status == \"done\" ){return;};\
  var label_x = \"x\";var label_y = \"y\";\
  var add_y = safe_eval( document.getElementById(\"userinput_y\").value );\
  if( add_x != null && add_y != null ){\
   if( %d == 1 ){\
    userdraw_x[0] = x2px(add_x);\
    userdraw_y[0] = y2px(add_y);\
-  }\
-  else\
+  } else {\
-  {\
     userdraw_x[lu] = x2px(add_x);\
     userdraw_y[lu] = y2px(add_y);\
     xy_cnt++;\
   };\
   context_userdraw.clearRect(0,0,xsize,ysize);\
 void add_input_arrow(int num){
 fprintf(js_include_file,"\n/* add_input_arrow */\
 function user_redraw(t){\
  var lu = userdraw_x.length;\
  if( t == -1 && lu > 1 ){\
   userdraw_x.splice(lu-2,2);\
   userdraw_y.splice(lu-2,2);\
   context_userdraw.clearRect(0,0,xsize,ysize);\
   draw_arrows(context_userdraw,userdraw_x,userdraw_y,arrow_head,line_width,stroke_color,stroke_opacity,use_dashed,dashtype0,dashtype1,type,use_rotate,angle,0,[1,0,0,1,0,0]);\
   return;\
  };\
  var add_x1 = safe_eval( document.getElementById(\"userinput_x1\").value );\
  var add_y1 = safe_eval( document.getElementById(\"userinput_y1\").value );\
  var add_x2 = safe_eval( document.getElementById(\"userinput_x2\").value );\
  var add_y2 = safe_eval( document.getElementById(\"userinput_y2\").value );\
  if( add_x1 != null && add_y1 != null && add_x2 != null && add_y2 != null ){\
   if( %d == 2 ){\
     var s = userdraw_x.length;\
     userdraw_x[lu] = x2px(add_x1);\
     userdraw_y[lu] = y2px(add_y1);\
     userdraw_x[lu+1] = x2px(add_x2);\
     userdraw_y[lu+1] = y2px(add_y2);\
-  }\
-  else\
+  } else {\
-  {\
    userdraw_x[0] = x2px(add_x1);\
    userdraw_y[0] = y2px(add_y1);\
    userdraw_x[1] = x2px(add_x2);\
    userdraw_y[1] = y2px(add_y2);\
   };\
   context_userdraw.clearRect(0,0,xsize,ysize);\
   draw_arrows(context_userdraw,userdraw_x,userdraw_y,arrow_head,line_width,stroke_color,stroke_opacity,use_dashed,dashtype0,dashtype1,type,use_rotate,angle,0,[1,0,0,1,0,0]);\
  };\
  return;\
 };",num);
+}
 /* draw line via inputfields x/y */
 void add_input_line(int num){
 fprintf(js_include_file,"\n/* line via inputfields  */\
 function user_redraw(t){\
  var lu = userdraw_x.length;\
  if( t == -1 && lu > 1){\
   userdraw_x.splice(lu-2,2);\
   userdraw_y.splice(lu-2,2);\
   context_userdraw.clearRect(0,0,xsize,ysize);\
   draw_lines(context_userdraw,userdraw_x,userdraw_y,line_width,stroke_color,stroke_opacity,use_dashed,dashtype0,dashtype1,1,0,0);\
   return;\
  };\
  var add_x1 = safe_eval( document.getElementById(\"userinput_x1\").value );\
  var add_y1 = safe_eval( document.getElementById(\"userinput_y1\").value );\
  var add_x2 = safe_eval( document.getElementById(\"userinput_x2\").value );\
  var add_y2 = safe_eval( document.getElementById(\"userinput_y2\").value );\
  if( add_x1 != null && add_y1 != null && add_x2 != null && add_y2 != null ){\
   if( %d == 2 ){\
     userdraw_x[lu] = x2px(add_x1);\
     userdraw_y[lu] = y2px(add_y1);\
     userdraw_x[lu+1] = x2px(add_x2);\
     userdraw_y[lu+1] = y2px(add_y2);\
-  }\
-  else\
+  } else {\
-  {\
    userdraw_x[0] = x2px(add_x1);\
    userdraw_y[0] = y2px(add_y1);\
    userdraw_x[1] = x2px(add_x2);\
    userdraw_y[1] = y2px(add_y2);\
   };\
   context_userdraw.clearRect(0,0,xsize,ysize);\
   draw_lines(context_userdraw,userdraw_x,userdraw_y,line_width,stroke_color,stroke_opacity,use_dashed,dashtype0,dashtype1,1,0,0);\
  };\
  return;\
 };",num);
+}
 /* draw polyline via inputfields x/y */
 void add_input_polyline(){
  return;\
 };");
+}
 /* draw segment(s) via inputfields x/y */
 void add_input_segment(int num){
 fprintf(js_include_file,"\n/* add_input_segment */\
 function user_redraw(t){\
  var lu = userdraw_x.length;\
  if( t == -1 && lu > 1){\
   userdraw_x.splice(lu-2,2);\
   userdraw_y.splice(lu-2,2);\
   context_userdraw.clearRect(0,0,xsize,ysize);\
   draw_segments(context_userdraw,userdraw_x,userdraw_y,line_width,stroke_color,stroke_opacity,use_dashed,dashtype0,dashtype1);\
   return;\
  };\
  var add_x1 = safe_eval( document.getElementById(\"userinput_x1\").value );\
  var add_y1 = safe_eval( document.getElementById(\"userinput_y1\").value );\
  var add_x2 = safe_eval( document.getElementById(\"userinput_x2\").value );\
  var add_y2 = safe_eval( document.getElementById(\"userinput_y2\").value );\
  if( add_x1 != null && add_y1 != null && add_x2 != null && add_y2 != null ){\
   if( %d == 2 ){\
     var s = userdraw_x.length;\
     userdraw_x[s] = x2px(add_x1);\
     userdraw_y[s] = y2px(add_y1);\
     userdraw_x[s+1] = x2px(add_x2);\
     userdraw_y[s+1] = y2px(add_y2);\
-  }\
-  else\
+  } else {\
-  {\
    userdraw_x[0] = x2px(add_x1);\
    userdraw_y[0] = y2px(add_y1);\
    userdraw_x[1] = x2px(add_x2);\
    userdraw_y[1] = y2px(add_y2);\
   };\
   context_userdraw.clearRect(0,0,xsize,ysize);\
   draw_segments(context_userdraw,userdraw_x,userdraw_y,line_width,stroke_color,stroke_opacity,use_dashed,dashtype0,dashtype1);\
  };\
  return;\
     var s = userdraw_x.length;\
     userdraw_x[s] = x2px(add_x1);\
     userdraw_y[s] = y2px(add_y1);\
     userdraw_x[s+1] = x2px(add_x2);\
     userdraw_y[s+1] = y2px(add_y2);\
-  }\
-  else\
+  } else {\
-  {\
    userdraw_x[0] = x2px(add_x1);\
    userdraw_y[0] = y2px(add_y1);\
    userdraw_x[1] = x2px(add_x2);\
    userdraw_y[1] = y2px(add_y2);\
   };\
   context_userdraw.clearRect(0,0,xsize,ysize);\
   draw_demilines(context_userdraw,userdraw_x,userdraw_y,line_width,stroke_color,stroke_opacity,use_dashed,dashtype0,dashtype1);\
  };\
  return;\
 };",num);
+}
 void add_clear_button(char *css_class,char *button_text){
 /* 25/11/2014 added clearing of reply array
 all members will be set to 0 eg reply[0] = 0 , reply[1] = 0 ...
 hope this does not interfere with existing work...
 */
 /*
 /2016 changed  to 'setAttribute()' because of trouble on Chromium/Safari/IE
 /2016 corrected contex-reset-flaw when using "userdraw text,color" and added inputs to the things we can remove
 /2017 added 'userdraw clickfill,color' to removable things...one user_filling per click
 */
 fprintf(js_include_file,"\n/* add clear button */\
 clear_draw_area%d = function(){\
  var fill_data;\
  var _setPixel;\
  function finish_filling(){\
   if(document.getElementById(\"wims_canvas%d\"+fill_canvas_no)){\
   console.log('dit canvas nummer '+fill_canvas_no+' bestaat al');\
-  }else{\
+  } else {\
    var fill_canvas = create_canvas%d(fill_canvas_no,xsize,ysize);\
    var fill_canvas_ctx = fill_canvas.getContext(\"2d\");\
    fill_canvas_ctx.clearRect(0,0,xsize,ysize);\
    fill_canvas_ctx.putImageData(image, 0, 0);\
   };\
     o = imageData[pixelPos+p];\
     if( n != o ){ imageData[pixelPos+p] = n; } else { if( o == 255 ){ o = 253;} imageData[pixelPos+p] = o+1;};\
    };\
    imageData[pixelPos+3] = 255;\
   };\
- }\
- else\
+ } else {\
- {\
   _setPixel = function(pixelPos){\
    imageData[pixelPos] = color.r;\
    imageData[pixelPos+1] = color.g;\
    imageData[pixelPos+2] = color.b;\
    imageData[pixelPos+3] = color.a;\
     ctx_temp.stroke();\
    };\
    ctx_temp.drawImage(canvas,ruler_x,ruler_y);\
    once = false;\
   }",canvas_root_id,use_snap,canvas_root_id,sizex,sizey,x,y,font,stroke_color,stroke_opacity,fill_color,fill_opacity,line_width);
  if( dynamic == -1 ){
  fprintf(js_include_file,"\
  ctx.drawImage(canvas_temp,0,0);\
    if(wims_status != \"done\"){\
     canvas_div.addEventListener( 'mouseup'   , ruler_stop,false);\

Subversion Repositories wimsdev

(root)/trunk/wims/src/Misc/canvasdraw/canvasmacro.c – Rev 16827 → 16844