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

    r = userdraw_radius[p];\
    userdraw_radius[p] = r_zoom(r);\
   };\
  };\
 };");
-break;
+        break;
-case DRAG_AND_ZOOM:
+      case DRAG_AND_ZOOM:
-fprintf(js_include_file,"\n/* add zoom support for drag&drop */\
+        fprintf(js_include_file,"\n/* add zoom support for drag&drop */\
 function recalculate_dragdrop(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));\
  };\
    dragstuff.shapes[p].x[i] = x_zoom(x);\
    dragstuff.shapes[p].y[i] = y_zoom(y);\
   };\
  };\
 };");
-break;
+        break;
-case JSPLOT_AND_ZOOM:
+      case JSPLOT_AND_ZOOM:
-fprintf(js_include_file,"\n/* add zoom support for jscurves */\
+        fprintf(js_include_file,"\n/* add zoom support for jscurves */\
 function redraw_jsplot(){for(var p=0; p <= all_jsplots;p++){try{var fun = eval('js_plot'+p);fun();}catch(e){};};};");
-break;
+        break;
-case JS_ZOOM:
+      case JS_ZOOM:
-fprintf(js_include_file,"\n/* add zoom support */\
+        fprintf(js_include_file,"\n/* add zoom support */\
 var x_min_start = xmin;var x_max_start = xmax;var y_min_start = ymin;var y_max_start = ymax;\
 var zoomcanvas = create_canvas%d(%d,xsize,ysize);\
 function redraw_canvas%d(key){\
  var xmin0 = xmin;var xmax0 = xmax;var ymin0 = ymin;var ymax0 = ymax;\
  switch(key){\
    return;\
   };\
  };\
  return;\
 };",canvas_root_id,ZOOM_CANVAS,canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_FILL_PATTERN:
+      case DRAW_FILL_PATTERN:
-fprintf(js_include_file,"\n /* add fill pattern */ \
+        fprintf(js_include_file,"\n /* add fill pattern */ \
 function create_Pattern(x0,y0,type,color){document.body.style.cursor = 'wait';var idx = Math.ceil(1000*(Math.random()));var canvas = create_canvas%d(idx,xsize,ysize);canvas.style.visibility = 'hidden';var ctx = canvas.getContext(\"2d\");var x;var y;var dx = 6;var dy = 6;ctx.lineWidth = 1;ctx.strokeStyle = color;ctx.fillStyle = color;var pat;\
  switch(type){\
   case 2: 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);ctx.closePath();ctx.stroke();}; pat = ctx.createPattern(canvas,\"no-repeat\");break;\
   case 3: y = ysize;ctx.beginPath();for( x = 0 ; x < xsize ; x = x + dx ){ctx.moveTo(x,0);ctx.lineTo(xsize,y);y = y - dy;};y = 0;for( x = xsize ; x > 0 ; x = x - dx){ctx.moveTo(x,ysize);ctx.lineTo(0,y); y = y + dy;};ctx.closePath();ctx.stroke(); pat = ctx.createPattern(canvas,\"no-repeat\");break;\
   case 4: y = ysize;ctx.beginPath();for( x = 0 ; x < xsize ; x = x + dx ){ctx.moveTo(x,0); ctx.lineTo(xsize,y); y = y - dy;};y = 0;for( x = xsize ; x > 0 ; x = x - dx){ctx.moveTo(x,ysize);ctx.lineTo(0,y);y = y + dy;};y = 0;for( x = 0 ; x < xsize ; x = x + dx ){ctx.moveTo(x,0); ctx.lineTo(0,y); y = y + dy;};y = 0;for( x = 0 ; x < xsize ; x = x + dx ){ctx.moveTo(xsize,y);ctx.lineTo(x,ysize);y = y + dy;};ctx.closePath(); ctx.stroke(); pat = ctx.createPattern(canvas,\"no-repeat\");break;\
   case 6: alert('wait for image '+(image_cnt+1)+'...');pat = image_patterns[image_cnt];image_cnt++;break;\
   default: break;\
  };\
  document.body.style.cursor = 'default';return pat;\
 };",canvas_root_id);
-break;
+        break;
-case JS_TRANSFORM_MOUSE:
+      case JS_TRANSFORM_MOUSE:
 /* identify mouse coordinates on transformed objects using command affine */
-fprintf(js_include_file,"\n/* translate mouse */\
+        fprintf(js_include_file,"\n/* translate mouse */\
 function transform_mouse(mx,my,obj){\
 if( typeof(obj.affine_matrix) === 'undefined' ){console.log('translate_mouse() affine_matrix undefined');{x:mx,y:my};};\
 var m = obj.affine_matrix;\
 var d = 1/(m[0]*m[3]-m[1]*m[2]);\
 var im = [ m[3]*d, -m[1]*d,-m[2]*d,m[0]*d,d*(m[2]*m[5]-m[3]*m[4]),d*(m[1]*m[4]-m[0]*m[5]) ];\
 return { x:mx*im[0]+my*im[2]+im[4], y:mx*im[1]+my*im[3]+im[5] };};");
-break;
+        break;
-case JS_ROTATE_MOUSE:
+      case JS_ROTATE_MOUSE:
 /*
 identify mouse coordinates on rotated STRING (no 14) objects used for command rotate :
 faster than transform matrix
 */
-fprintf(js_include_file,"\n/* rotate mouse */\
+        fprintf(js_include_file,"\n/* rotate mouse */\
 function rotate_mouse(mx,my,obj){\
  if( typeof(obj.angle) === 'undefined' ){console.log('rotate_mouse() angle undefined');return {x:mx,y:my};};\
  var cos = Math.cos(obj.angle);\
  var sin = Math.sin(obj.angle);\
  var xc = obj.rotation_center[0];\
  var yc = obj.rotation_center[1];\
  var x_r = parseInt((cos * (mx - xc)) + (sin * (my - yc)) + xc);\
  var y_r = parseInt((cos * (my - yc)) - (sin * (mx - xc)) + yc);\
  return {x:x_r,y:y_r};};");
-break;
+        break;
-case JS_FIND_ANGLE:
+      case JS_FIND_ANGLE:
- fprintf(js_include_file,"\n/* function find_angle() */ function find_angle(xc,yc,x1,y1){var dx = x1 - xc;var dy = yc - y1;return Math.atan2(dx,dy);};");
+        fprintf(js_include_file,"\n/* function find_angle() */ function find_angle(xc,yc,x1,y1){var dx = x1 - xc;var dy = yc - y1;return Math.atan2(dx,dy);};");
-break;
+        break;
-case DRAG_EXTERNAL_IMAGE:
+      case DRAG_EXTERNAL_IMAGE:
 /*
 the external_canvas is already created: it needs to be FIRST in order to do some drawing onto it
 reply is object{} and identical to reply from dragstuff library for drag&drop&click
 */
-fprintf(js_include_file,"\n/* drag external images */\
+        fprintf(js_include_file,"\n/* drag external images */\
 var external_ctx = external_canvas.getContext(\"2d\");\
 var external_canvas_rect = external_canvas.getBoundingClientRect();\
 canvas_div.addEventListener(\"mousedown\",setxy,false);\
 canvas_div.addEventListener(\"mouseup\",dragstop,false);\
 canvas_div.addEventListener(\"mousemove\",dragxy,false);\
   };\
  } else {\
   selected_image = null;\
  };\
 };");
-break;
+        break;
-case DRAW_EXTERNAL_IMAGE:
+      case DRAW_EXTERNAL_IMAGE:
 /*
 the external_canvas is already created: it needs to be FIRST in order to do some drawing onto it
 only drag_xy !
 snaptogrid | xsnaptogrid | ysnaptogrid works
 /5/2019
 on heavy styled wims (unice.fr etc problems with mouse?
 now uniform method of retreiving mouse coordinates getMouse()
 */
-fprintf(js_include_file,"\n/* draw external images */\
+        fprintf(js_include_file,"\n/* draw external images */\
 function draw_external_image(URL,sx,sy,swidth,sheight,x0,y0,width,height,use_offset,resize){\
  var external_ctx = image_copy_canvas.getContext(\"2d\");\n\
  var image = new Image();\
  image.src = URL;\
  image.onload = function(){\
   if(use_offset == 4 ){img[5] = parseInt(img[5] - 0.5*width);img[6] = parseInt(img[6] - 0.5*height);};\
   img[7] = width;img[8] = height;\
   external_ctx.drawImage(img[0],img[1],img[2],img[3],img[4],img[5],img[6],img[7],img[8]);\
  };\
 };");
-break;
+        break;
-case DRAW_BEZIER:
+      case DRAW_BEZIER:
-fprintf(js_include_file,"\n/* draw bezier curve */\
+        fprintf(js_include_file,"\n/* draw bezier curve */\
 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);\
  var color = \"rgba(\"+fill_color+\",\"+fill_opacity+\")\";\
  if(use_filled > 1 ){ if(! all_fill_patterns[use_filled] ){ var pat = create_Pattern(0,0,use_filled,color); all_fill_patterns[use_filled] = pat;};ctx.fillStyle = all_fill_patterns[use_filled]; } else { ctx.fillStyle = color;};\
  ctx.stroke();\
  ctx.restore();\
 };",canvas_root_id,canvas_root_id,canvas_root_id);
-break;
+        break;
-case DRAW_GRIDFILL:/* not used for userdraw */
+      case DRAW_GRIDFILL:/* not used for userdraw */
-fprintf(js_include_file,"\n/* draw gridfill */\
+        fprintf(js_include_file,"\n/* draw gridfill */\
 var grid_fill_pattern;\
 function draw_gridfill(canvas_type,x0,y0,dx,dy,linewidth,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);\
  var ctx = obj.getContext('2d');\
  var x,y;\
  ctx.fillStyle='rgba(255,255,255,0.01)';\
  ctx.rect(0,0,xsize,ysize);\
  ctx.fill();\
  ctx.lineWidth = linewidth;\
  ctx.strokeStyle=\"rgba(\"+color+\",0.01)\";\
  for( x = 0 ; x <= xsize ; x = x + dx ){\
   ctx.beginPath();\
   ctx.moveTo(x,0);\
  if( use_userdraw ){\
   grid_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_IMAGEFILL:/* not  used for userdraw */
+      case DRAW_IMAGEFILL:/* not  used for userdraw */
-fprintf(js_include_file,"\n/* draw imagefill */\
+        fprintf(js_include_file,"\n/* draw imagefill */\
 function draw_imagefill(canvas_type,x0,y0,URL,xsize,ysize,use_userdraw,use_scaling){\
  var fc = %d+canvas_type;\
  var obj = create_canvas%d(fc,xsize,ysize);\
  var ctx = obj.getContext('2d');\
  var img = new Image();\
    setTimeout(function(){ filltoborder( x0,y0,'red','red',canvas_type,true,ctx); },500);\
   };\
  };\
 };",canvas_root_id,canvas_root_id);
         break;
       case DRAW_DOTFILL:/* not  used for userdraw */
         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;};\
  ctx.strokeStyle=\"rgba(\"+color+\",0.01)\";\
  for( x = 0 ; x < xsize ; x = x + dx ){\
   for( y = 0 ; y < ysize ; y = y + dy ){\
    ctx.beginPath();\
    ctx.arc(x,y,radius,0,2*Math.PI,false);\
    ctx.closePath();\
    ctx.fill();\
   };\
  };\
  if( use_userdraw ){\
   dot_fill_pattern = ctx;\
 };\
 ctx.closePath();\
 ctx.stroke();\
 if( use_userdraw ){\
  diamond_fill_pattern = ctx;\
 }\
 else\
 {\
  setTimeout(function(){ filltoborder( x0,y0,color,color,canvas_type,true,ctx); },500);\
 };\
 return;\
 }",canvas_root_id,canvas_root_id);
 {\
  setTimeout(function(){ filltoborder( x0,y0,color,color,canvas_type,true,ctx); },500);\
 };\
 return;};",canvas_root_id,canvas_root_id);
         break;
       case DRAW_LINES:/*  used for js-tracing */
         fprintf(js_include_file,"\n/* draw lines */\
 function calc_line(x1,x2,y1,y2){\
  var marge = 2;\
  if(x1 < x2+marge && x1>x2-marge){\
   }\
   ctx.restore();\
   return;\
  };");
         break;
       case DRAW_CROSSHAIRS:/*  used for tracing */
         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);}\
    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 {\
     skip--;\
    };\
    cnt = cnt + ymajor;\
   };\
  };\
   };\
  };\
  ctx.restore();\
 };",canvas_root_id,canvas_root_id,canvas_root_id);
         break;
       case DRAW_JSBOXPLOT:
         fprintf(js_include_file,"\n/* draw jsboxplots */\
 if( typeof(all_fill_patterns) != 'object' ){ var all_fill_patterns = []; };\
 function statistics(data){\
  var len = data.length;\

Subversion Repositories wimsdev

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