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

    if(event_which == 1){ return; };\
    var xy = multi_snap_check(x,y,points_snap);\
    if( num == 0 ){\
     points_x[0] = xy[0];\
     points_y[0] = xy[1];\
-   }else{\
+   } else {\
     points_x.push(xy[0]);\
     points_y.push(xy[1]);\
    };\
    draw_points();\
   };\
   if( no_controls != 1){
    fprintf(js_include_file,"\
    inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1 ){inner_html+=\"<td>(<input type='text' size='5' value='' id='input_points_x' />:<input type='text' size='5' value='' id='input_points_y' />)</td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_points_x,input_points_y,null);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
    var yc = circles_y[last];\
    if(event_which == 0){\
     if( multidraw_object_cnt == 0 ){\
      if( num  == 0 ){\
        circles_x[0]=xy[0];circles_y[0]=xy[1];multi_radius[0]=4;\
-     }\
-     else\
+     } else {\
-     {\
        circles_x.push(xy[0]);circles_y.push(xy[1]);multi_radius.push(4);\
      };\
     };\
     multidraw_object_cnt++;\
-   }\
-   else\
+   } else {\
-   {\
     if( multidraw_object_cnt == 1 ){\
      multi_radius[last] = parseInt(Math.sqrt( (xy[0] - xc)*(xy[0] - xc) + (xy[1] - yc)*(xy[1] - yc) ));\
     };\
    };\
    if( multidraw_object_cnt == 2 ){\
   if(no_controls != 1 ){  /* for BPR...*/
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1 ){inner_html+=\"<td>M:(<input type='text' size='3' value='' id='input_circles_x' /> : <input type='text' size='3' value='' id='input_circles_y'/>) R:<input type='text' size='3' value='' id='input_circles_r'/></td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_circles_x,input_circles_y,input_circles_r);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   /* line/lines */
   case 4 ... 5 :
    for(var p = 0 ; p < len ; p = p+2){\
     pp = p+1;\
     if(lines_x[p] < lines_x[pp]+marge && lines_x[p] > lines_x[pp]-marge){\
      tmp_x[p] = lines_x[p];tmp_x[pp] = lines_x[pp];\
      tmp_y[p] = 0;tmp_y[pp] = ysize;\
-    }\
-    else\
+    } else {\
-    {\
      if(lines_y[p] < lines_y[pp]+marge && lines_y[p] > lines_y[pp]-marge){\
       tmp_x[p] = 0;tmp_x[pp] = xsize;\
       tmp_y[p] = lines_y[p];tmp_y[pp] = lines_y[pp];\
-     }\
-     else\
+     } else {\
-     {\
       tmp_x[p] = 0;tmp_x[pp] = xsize;\
       tmp_y[p] = lines_y[p] - (lines_x[p])*(lines_y[pp] - lines_y[p])/(lines_x[pp] - lines_x[p]);\
       tmp_y[pp] = lines_y[p] + (xsize - lines_x[p])*(lines_y[pp] - lines_y[p])/(lines_x[pp] - lines_x[p]);\
      };\
     };\
    var xy = multi_snap_check(x,y,lines_snap);\
    if(event_which == 0){\
     if( num == 0 && multidraw_object_cnt == 0 ){lines_x = [];lines_y = [];};\
     lines_x.push(xy[0]);lines_y.push(xy[1]);\
     multidraw_object_cnt++;\
-   }\
-   else\
+   } else {\
-   {\
     if( multidraw_object_cnt == 1 ){\
      lines_x.push(xy[0]);lines_y.push(xy[1]);\
      draw_lines();\
      lines_x.pop();lines_y.pop();\
     };\
   if( no_controls != 1 ){  /* for BPR...*/
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1 ){inner_html+=\"<td>(<input type='text' size='5' value='x1 : y1' id='input_lines_x' style='text-align:center;'/>) --- ( <input type='text' size='5' value='x2 : y2' id='input_lines_y' style='text-align:center;' /> )</td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_lines_x,input_lines_y,null);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   /* segment/segments */
   case 6 ... 7 :
    var xy = multi_snap_check(x,y,segments_snap);\
    if(event_which == 0){\
     if( num == 0 && multidraw_object_cnt == 0 ){segments_x = [];segments_y = [];};\
     segments_x.push(xy[0]);segments_y.push(xy[1]);\
     multidraw_object_cnt++;\
-   }\
-   else\
+   } else {\
-   {\
     if( multidraw_object_cnt == 1 ){\
      segments_x.push(xy[0]);segments_y.push(xy[1]);\
      draw_segments();\
      segments_x.pop();segments_y.pop();\
     };\
   if( no_controls != 1 ){  /* for BPR...*/
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1 ){inner_html+=\"<td>(<input type='text' size='5' value='x1 : y1' id='input_segments_x' style='text-align:center;' />) --- ( <input type='text' size='5' value='x2 : y2' id='input_segments_y' style='text-align:center;'/>)</td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_segments_x,input_segments_y,null);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   /* arrow/arrows */
   case 8 ... 9 :
    var xy = multi_snap_check(x,y,arrows_snap);\
    if(event_which == 0){\
     if( num == 0 && multidraw_object_cnt == 0 ){arrows_x = [];arrows_y = [];};\
     arrows_x.push(xy[0]);arrows_y.push(xy[1]);\
     multidraw_object_cnt++;\
-   }\
-   else\
+   } else {\
-   {\
     if( multidraw_object_cnt == 1 ){\
      arrows_x.push(xy[0]);arrows_y.push(xy[1]);\
      draw_arrows();\
      arrows_x.pop();arrows_y.pop();\
     };\
   if( no_controls != 1 ){  /* for BPR...*/
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1){inner_html+=\"<td>(<input type='text' size='5' value='x1 : y1' id='input_arrows_x' style='text-align:center;' /><b>) --- (</b> <input type='text' size='5' value='x2 : y2' id='input_arrows_y' style=';text-align:center;' />)</td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_arrows_x,input_arrows_y,null);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   /* triangle/triangles */
    var last = triangles_x.length - 1;\
    if(event_which == 0){\
     if(num == 0 && multidraw_object_cnt == 0){\
      triangles_x = [];triangles_y = [];\
      triangles_x[0] = xy[0];triangles_y[0] = xy[1];\
-    }\
-    else\
+    } else {\
-    {\
      triangles_x.push(xy[0]);triangles_y.push(xy[1]);\
     };\
     multidraw_object_cnt++;\
-   }\
-   else\
+   } else {\
-   {\
     if( multidraw_object_cnt < 3 ){\
      triangles_x.push(xy[0]);triangles_y.push(xy[1]);\
      draw_triangles();\
      triangles_x.pop();triangles_y.pop();\
     };\
    };\
    if( multidraw_object_cnt == 3 ){\
     triangles_x.pop();triangles_y.pop();\
     triangles_x.push(xy[0]);triangles_y.push(xy[1]);\
     multidraw_object_cnt = 0;\
   if(no_controls != 1 ){  /* for BPR...*/
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1 ){inner_html+=\"<td><b>(<input type='text' size='5' value='x1 : y1' id='input_triangles_x' />) -- (<input type='text' size='5' value='x2 : y2' id='input_triangles_y' />) -- (<input type='text' size='5' value='x3 : y3' id='input_triangles_r' />)</b></td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_triangles_x,input_triangles_y,input_triangles_r);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   /* closedpoly */
   case 12 :
    var xy = multi_snap_check(x,y,closedpoly_snap);\
    if(event_which == 0){\
     if(multidraw_object_cnt == 0){\
      closedpoly_x = [];closedpoly_y = [];\
      closedpoly_x[0] = xy[0];closedpoly_y[0] = xy[1];\
-    }\
-    else\
+    } else {\
-    {\
      closedpoly_x.push(xy[0]);closedpoly_y.push(xy[1]);\
     };\
     multidraw_object_cnt++;\
     if( multidraw_object_cnt > 2 ){\
      if( check_closed(x,y,closedpoly_x,closedpoly_y) == 1){\
       draw_closedpoly();\
       multidraw_object_cnt = 0;\
      };\
     };\
-   }\
-   else\
+   } else {\
-   {\
     if( multidraw_object_cnt > 0 ){\
      closedpoly_x.push(xy[0]);closedpoly_y.push(xy[1]);\
      draw_closedpoly();\
      closedpoly_x.pop();closedpoly_y.pop();\
     };\
    };\
   };function draw_closedpoly(){\
    var len = closedpoly_x.length;\
    context_closedpoly.clearRect(0,0,xsize,ysize);\
    var p = 0;\
    context_closedpoly.beginPath();\
   if( no_controls != 1 ){  /* for BPR...*/
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1){inner_html+=\"<td>(<input type='text' size='5' value='x1:x2:x3:...' id='input_closedpoly_x' style='text-align:center;' /><b>) --- (</b> <input type='text' size='5' value='y1:y2:y3:...' id='input_closedpoly_y' style='text-align:center;'/>)</td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_closedpoly_x,input_closedpoly_y,null);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   /* text : always uses user input field !! */
   case 13:
    if(event_which == 1){ return; };\
    var xy = multi_snap_check(x,y,text_snap);\
    if( num == 0 ){\
     text_x[0] = xy[0];\
     text_y[0] =xy[1];\
-   }else{\
+   } else {\
     text_x.push(xy[0]);\
     text_y.push(xy[1]);\
    };\
    draw_text();\
   };function conv_to_unicode(str){\
   var text_snap = multisnaptogrid[%d];\
   var text_x = new Array();var text_y = new Array(); var text_abc = new Array();",canvas_root_id,u,i,i);
   if( no_controls != 1 ){  /* for BPR...*/
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt=0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td><td><input type='text' size='6' value='' id='input_text_r' />\";if( multiuserinput[%d] == 1){inner_html+=\"(<input type='text' size='2' value='x' id='input_text_x' style='text-align:center;' />:<input type='text' size='2' value='y' id='input_text_y' style='text-align:center;'/>)</td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_text_x,input_text_y,input_text_r);' value='OK' /></td>\";}else{inner_html+=\"</td>\";};",u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   fprintf(js_include_file,"inner_html+=\"</tr>\";");
   break;
   /* rect/rects */
    var xy = multi_snap_check(x,y,rects_snap);\
    if(event_which == 0){\
     if( num == 0 && multidraw_object_cnt == 0 ){rects_x = [];rects_y = [];};\
     rects_x.push(xy[0]);rects_y.push(xy[1]);\
     multidraw_object_cnt++;\
-   }\
-   else\
+   } else {\
-   {\
     if( multidraw_object_cnt == 1 ){\
      rects_x.push(xy[0]);rects_y.push(xy[1]);\
      draw_rects();\
      rects_x.pop();rects_y.pop();\
     };\
    };\
    if( multidraw_object_cnt == 2 ){\
     multidraw_object_cnt = 0;\
     draw_rects();\
    };\
   };function draw_rects(){\
    var len = rects_x.length;\
    if( len %%2 == 0 ){\
   if( no_controls != 1 ){
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1){inner_html+=\"<td>(<input type='text' size='5' value='x1 : y1' id='input_rects_x' style='text-align:center;' />) --- (<input type='text' size='5' value='x2 : y2' id='input_rects_y' style='text-align:center;' />)</td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_rects_x,input_rects_y,null);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   /* poly/polys */
   case 16 ... 17 :
    var xy = multi_snap_check(x,y,polys_snap);\
    if(event_which == 0){\
     if(num == 0 && multidraw_object_cnt == 0){\
      polys_x = [];polys_y = [];\
      polys_x[0] = xy[0];polys_y[0] = xy[1];\
-    }\
-    else\
+    } else {\
-    {\
      polys_x.push(xy[0]);polys_y.push(xy[1]);\
     };\
     multidraw_object_cnt++;\
-   }\
-   else\
+   } else {\
-   {\
     if( multidraw_object_cnt < polynum ){\
      polys_x.push(xy[0]);polys_y.push(xy[1]);\
      draw_polys();\
      polys_x.pop();polys_y.pop();\
     };\
   if( no_controls != 1 ){
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if(multiuserinput[%d] == 1 ){inner_html+=\"<td>(<input type='text' size='8' value='x1,x2...x_n' id='input_polys_x' /> ---- <input type='text' size='8' value='y1,y2...y_n' id='input_polys_y' />)</td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_rects_x,input_rects_y,null);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   /* parallelogram/parallelograms */
   case 18 ... 19:
    var xy = multi_snap_check(x,y,parallelogram_snap);\
    if(event_which == 0){\
     if(multidraw_object_cnt == 0){\
      if(num == 0){parallelogram_x = [];parallelogram_y = [];};\
      parallelogram_x.push(xy[0]);parallelogram_y.push(xy[1]);\
-    }\
-    else\
+    } else {\
-    {\
      parallelogram_x.push(xy[0]);parallelogram_y.push(xy[1]);\
      if(multidraw_object_cnt == 2){\
       var xy = multi_snap_check(parallelogram_x[l2] - parallelogram_x[l1] + parallelogram_x[l0],parallelogram_y[l2] - parallelogram_y[l1] + parallelogram_y[l0],parallelogram_snap);\
       parallelogram_x.push(xy[0]);\
       parallelogram_y.push(xy[1]);\
      };\
     };\
     multidraw_object_cnt++;\
-   }\
-   else\
+   } else {\
-   {\
     if(multidraw_object_cnt == 1){\
      var xxyy = multi_snap_check(parallelogram_x[l1],parallelogram_y[l1],parallelogram_snap);\
      parallelogram_x.push(xxyy[0]);\
      parallelogram_y.push(xxyy[1]);\
      parallelogram_x.push(xy[0]);\
      parallelogram_y.push(xy[1]);\
      draw_parallelogram();\
      parallelogram_x.pop();parallelogram_y.pop();\
      parallelogram_x.pop();parallelogram_y.pop();\
-    }\
-    else\
+    } else {\
-    {\
      if(multidraw_object_cnt == 2){\
       var xxyy = multi_snap_check(parallelogram_x[l2]-parallelogram_x[l1] + parallelogram_x[l0],parallelogram_y[l2]-parallelogram_y[l1] + parallelogram_y[l0],parallelogram_snap);\
       parallelogram_x.push(xy[0]);parallelogram_y.push(xy[1]);\
       parallelogram_x.push(xxyy[0]);\
       parallelogram_y.push(xxyy[1]);\
   if( no_controls != 1 ){
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt=0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if(multiuserinput[%d] == 1 ){inner_html+=\"<td>(<input type='text' size='8' value='x1,x2...x_n' id='input_parallelogram_x' /> --- <input type='text' size='8' value='y1,y2...y_n' id='input_parallelogram_y' />)</td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_parallelogram_x,input_parallelogram_y,null);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   /*
   images : identical ! to userdraw images,bogus_color
     case 2: return [parseInt(x+0.5*h),y];break;\
     case 3: return [parseInt(x+0.5*h),parseInt(y-0.5*h)];break;\
     case 4: return [parseInt(x-0.5*w),parseInt(y-0.5*h)];break;\
     default: return [x,y];break;\
    };\
+  };\
+  const reset_placeable_selection = function(thing){\
+    const placeables = document.querySelectorAll('.canvas_placeable');\
+    placeables.forEach((placeable) => {\
+      placeable.classList.remove('selected');\
+    });\
+    if(thing){thing.classList.add('selected');}\
   };\
   place_image_on_canvas = function(id){\
-   var thing = document.getElementById(id);\
+    var thing = document.getElementById(id);\
+    reset_placeable_selection(thing);\
-   var tag = thing.tagName;\
+    var tag = thing.tagName;\
-   if(tag == 'SVG'){draw_mathml_svg(thing,id);return;};\
+    if(tag == 'SVG'){draw_mathml_svg(thing,id);return;};\
-   if(tag == 'DIV' || tag == 'SPAN' || tag == 'P' || tag == 'TD' || tag == 'TH'){draw_mathml_div(thing,id);return;};\
+    if(tag == 'DIV' || tag == 'SPAN' || tag == 'P' || tag == 'TD' || tag == 'TH'){draw_mathml_div(thing,id);return;};\
-   var src = thing.src;\
+    var src = thing.src;\
-   var image = new Image();\
+    var image = new Image();\
-   image.src = src;\
+    image.src = src;\
-   image.id = 'placed_'+id;\
+    image.id = 'placed_'+id;\
-   image.width = thing.width;\
+    image.width = thing.width;\
-   image.height = thing.height;\
+    image.height = thing.height;\
-   image.onload = function(){ current_id = id; };\
+    image.onload = function(){ current_id = id; };\
    return;\
   };\
   function draw_mathml_div(thing,id){\
    var fix_div = document.createElement('DIV');\
    var new_id='placed_'+external_div_cnt+'_'+id;\
    if(num == 1 && current_id){\
     var xy = multi_snap_check(x,y,images_snap);\
     images_x.push(xy[0]);\
     images_y.push(xy[1]);\
     images_id.push(current_id);\
+    reset_placeable_selection();\
     current_id = null;\
    };\
    draw_images();\
   };\
   function draw_images(){\
     for(var p = 0 ; p < images_x.length; p++){\
      if( images_id[p] ){\
       img = document.getElementById(images_id[p]);\
       tag = img.tagName;\
       xy = image_adjust(img,images_x[p],images_y[p]);\
+      xy[0] = xy[0] / xsize * 100;\
+      xy[1] = xy[1] / ysize * 100;\
       if( tag != 'IMG' ){\
-       img.setAttribute('style','display:block;position:absolute;top:'+xy[1]+'px;left:'+xy[0]+'px;');\
+       img.setAttribute('style','display:block;position:absolute;top:'+xy[1]+'%%;left:'+xy[0]+'%%;');\
-      }else{\
+      } else {\
        context_images.drawImage(img,xy[0],xy[1],img.width,img.height);\
       };\
      };\
     };\
    };\
   context_images.font = multifont_family;\
   context_images.fillStyle = \"rgba(\"+multifont_color+\",\"+multistrokeopacity[%d]+\")\";\
   var images_snap = multisnaptogrid[%d];\
   var images_x = new Array();var images_y = new Array();\
   var images_id = new Array();",use_offset,canvas_root_id,u,i,i);
-  if( no_controls != 1  ){
+  if( no_controls != 1 ){
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt=0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( typeof(imagepalette) === 'object' ){\
    inner_html+=\"<td><table class='%s'><tr>\";\
    for(var im=0; im < imagepalette.length; im++){\
    if( im %% 4 == 0 ){ inner_html+=\"</tr><tr>\";};\
    inner_html+=\"<td><img onclick='javascript:place_image_on_canvas(this.id);' src='\"+imagepalette[im]+\"' id='imagepalette_\"+im+\"' alt='none'/></td>\";};\
    inner_html+=\"</tr></table></td><td>&nbsp;</td></tr>\";}else{inner_html+=\"<td>&nbsp;</td><td>&nbsp;</td></tr>\";};",u,i,canvas_root_id,u,table_css);
-  }
-  else
+  } else {
-  {
     fprintf(js_include_file,"inner_html+=\"</table>\";tooltip_div.innerHTML += inner_html;userdraw_primitive = %d;",u);
+  }
   break;
   /* curvedarrow/curvedarrows */
   case 21 ... 22:
    var xy = [x,y];\
    if(event_which == 0){\
      xy = multi_snap_check(x,y,curvedarrows_snap);\
      if(num == 0 && multidraw_object_cnt == 0){curvedarrows_x = [];curvedarrows_y = [];curvedarrows_x[0] = xy[0];curvedarrows_y[0] = xy[1];}\
     else{curvedarrows_x.push(xy[0]);curvedarrows_y.push(xy[1]);};multidraw_object_cnt++;\
-   }\
-   else\
+   } else {\
-   {\
     if( multidraw_object_cnt < 3 ){curvedarrows_x.push(xy[0]);curvedarrows_y.push(xy[1]);draw_curvedarrows();curvedarrows_x.pop();curvedarrows_y.pop();};\
     if( multidraw_object_cnt == 3 ){curvedarrows_x.pop();curvedarrows_y.pop();curvedarrows_x.push(xy[0]);curvedarrows_y.push(xy[1]);multidraw_object_cnt = 0;draw_curvedarrows();};\
    };\
   };function draw_curvedarrows(){\
    var len = curvedarrows_x.length;var x1,y1,x2,y2,x3,y3;\
   context_curvedarrows.setLineDash([2,4]);}else{if(context_curvedarrows.mozDash){\
   context_curvedarrows.mozDash = [2,4]};};};\
   var curvedarrows_x = new Array();var curvedarrows_y = new Array();\
   var curvedarrows_snap = multisnaptogrid[%d];",
   canvas_root_id,u,i,i,i,i,i,i,i,i,i,i,i,i);
   if( no_controls != 1 ){
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1 ){inner_html+=\"<td><b>(<input type='text' size='5' value='x1 : y1' id='input_curvedarrows_x' />) -- (<input type='text' size='5' value='x2 : y2' id='input_curvedarrows_y' />) -- (<input type='text' size='5' value='x3 : y3' id='input_curvedarrows_r' />)</b></td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_curvedarrows_x,input_curvedarrows_y,input_curvedarrows_r);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   /* curvedarrow2/curvedarrows2 */
   case 23 ... 24:
    var xy=[x,y];\
    if(event_which == 0){\
      xy = multi_snap_check(x,y,curvedarrows2_snap);\
      if(num == 0 && multidraw_object_cnt == 0){curvedarrows2_x = [];curvedarrows2_y = [];curvedarrows2_x[0] = xy[0];curvedarrows2_y[0] = xy[1];}\
     else{curvedarrows2_x.push(xy[0]);curvedarrows2_y.push(xy[1]);};multidraw_object_cnt++;\
-   }\
-   else\
+   } else {\
-   {\
    if( multidraw_object_cnt < 3 ){curvedarrows2_x.push(xy[0]);curvedarrows2_y.push(xy[1]);draw_curvedarrows2();curvedarrows2_x.pop();curvedarrows2_y.pop();};\
    if( multidraw_object_cnt == 3 ){curvedarrows2_x.pop();curvedarrows2_y.pop();curvedarrows2_x.push(xy[0]);curvedarrows2_y.push(xy[1]);multidraw_object_cnt = 0;draw_curvedarrows2();};\
    };\
   };function draw_curvedarrows2(){\
    var len = curvedarrows2_x.length;var x1,y1,x2,y2,x3,y3;\
   if( no_controls != 1 ){
    fprintf(js_include_file,"inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1 ){inner_html+=\"<td><b>(<input type='text' size='5' value='x1 : y1' id='input_curvedarrows2_x' />) -- (<input type='text' size='5' value='x2 : y2' id='input_curvedarrows2_y' />) -- (<input type='text' size='5' value='x3 : y3' id='input_curvedarrows2_r' />)</b></td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_curvedarrows2_x,input_curvedarrows2_y,input_curvedarrows2_r);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   case 25 ... 26:
   fprintf(js_include_file,"function crosshairs(x,y,event_which,num){\
    if(event_which == 1){ return; };\
    var xy = multi_snap_check(x,y,crosshairs_snap);\
    if( num == 0 ){\
     crosshairs_x[0] = xy[0];\
     crosshairs_y[0] = xy[1];\
-   }else{\
+   } else {\
     crosshairs_x.push(xy[0]);\
     crosshairs_y.push(xy[1]);\
    };\
    draw_crosshairs();\
   };\
   if( no_controls != 1){
    fprintf(js_include_file,"\
    inner_html+=\"<tr><td><input type='button' onclick='javascript:userdraw_primitive=%d;multidraw_object_cnt = 0;' value='\"+multilabel[%d]+\"' /></td><td><input type='button' onclick='javascript:clear_draw_area%d(%d);' value='delete' /></td>\";\
    if( multiuserinput[%d] == 1 ){inner_html+=\"<td>(<input type='text' size='5' value='' id='input_crosshairs_x' />:<input type='text' size='5' value='' id='input_crosshairs_y' />)</td><td><input type='button' id='canvasdraw_ok_button' onclick='javascript:update_draw_area%d(%d,input_crosshairs_x,input_crosshairs_y,null);' value='OK' /></td></tr>\";}else{inner_html+=\"</tr>\";};",
    u,i,canvas_root_id,u,i,canvas_root_id,u);
-  }
-  else
+  } else {
-  {
    fprintf(js_include_file,"userdraw_primitive = %d;",u);
+  }
   break;
   case 27:break;

Subversion Repositories wimsdev

(root)/trunk/wims/src/Misc/canvasdraw/canvasmultidraw.c – Rev 17351 → 17571