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

          @ in case of userdraw the drawn points will snap to ymajor grid
          @ if yminor is defined, the drawing will snap to yminor <br />use only even dividers in y-minor...for example<br />ysnaptogrid<br />axis<br />grid 2,1,grey,4,4,7,red<br /> will snap on x=0, x=0.5, x=1, x=1.5 ....<br /> will snap on y=0, y=0.25 y=0.5 y=0.75 ...<br />
         */
         fprintf(js_include_file,"\nx_use_snap_to_grid = 0;y_use_snap_to_grid = 1;");
         break;
+        case USERINPUT:
+        /*
+         @ userinput function | textarea | inputfield
+         @ alternative command + argment to keywords "userinput_function","userinput_textarea" and "userinput_xy"
+         @ textarea and inputfield are only usable in combination with some 'userdraw draw_ type'
+         @ function may be used any time (e.g. without userdraw)
+        */
+            temp = get_string_argument(infile,1);
+            if(strstr(temp,"function") != 0  || strstr(temp,"curve") != 0  || strstr(temp,"plot") != 0 ){
+             if( js_function[DRAW_JSFUNCTION] != 1 ){
+              js_function[DRAW_JSFUNCTION] = 1;
+              if(reply_format == 0){reply_format = 24;}/* read canvas_input values */
+              add_input_jsfunction(js_include_file,canvas_root_id,1,input_style,input_cnt,stroke_color,stroke_opacity,line_width,use_dashed,dashtype[0],dashtype[1]);
+              input_cnt++;
+             }
+             if( use_js_math == FALSE){/* add this stuff only once...*/
+              add_to_js_math(js_include_file);
+              use_js_math = TRUE;
+             }
+             if( use_js_plot == FALSE){
+              use_js_plot = TRUE;
+              add_jsplot(js_include_file,canvas_root_id); /* this plots the function on JSPLOT_CANVAS */
+             }
+            }
+            else
+            {
+             if(strstr(temp,"inputfield") != 0 ){
+              if( use_input_xy != 0 ){canvas_error("userinput_xy can not be combined with usertextarea_xy command");}
+              if( use_safe_eval == FALSE){use_safe_eval = TRUE;add_safe_eval(js_include_file);} /* just once */
+              use_input_xy = 1;
+             }
+             else
+             {
+              if(strstr(temp,"textarea") != 0 ){
+               if( use_input_xy != 0 ){canvas_error("usertextarea_xy can not be combined with userinput_xy command");}
+               if( use_safe_eval == FALSE){use_safe_eval = TRUE;add_safe_eval(js_include_file);} /* just once */
+               use_input_xy = 2;
+              }
+              else
+              {
+                canvas_error("userinput argument may be \"function,inputfield,textarea\"");
+              }
+             }
+            }
+            break;
         case USERTEXTAREA_XY:
         /*
         @ usertextarea_xy
         @ keyword
         @ to be used in combination with command "userdraw object_type,color" wherein object_type is only segment / polyline for the time being...
         @ user drawings will not zoom on zooming (or pan on panning)
         */
             if( use_input_xy != 0 ){canvas_error("usertextarea_xy can not be combined with userinput_xy command");}
             if( use_safe_eval == FALSE){use_safe_eval = TRUE;add_safe_eval(js_include_file);} /* just once */
             use_input_xy = 2;
             break;
         case USERINPUT_XY:
         /*
         @ userinput_xy
         @ keyword
         @ to be used in combination with command "userdraw object_type,color"
                 if(use_input_xy == 1){
                     add_input_circle(js_include_file,1,2);
                     add_input_xy(js_include_file,canvas_root_id);
+                }
                 add_js_points(js_include_file,2,draw_type,line_width,line_width,stroke_color,stroke_opacity,1,stroke_color,stroke_opacity,0,1,1);
             }
             else
             if( strcmp(draw_type,"segment") == 0 ){
                 if( js_function[DRAW_CIRCLES] != 1 ){ js_function[DRAW_CIRCLES] = 1;}
                 if( js_function[DRAW_SEGMENTS] != 1 ){ js_function[DRAW_SEGMENTS] = 1;}
                 if(reply_format == 0){reply_format = 11;}
                 if(use_input_xy == 1){
                     add_input_segment(js_include_file,1);
                     add_input_x1y1x2y2(js_include_file,canvas_root_id);
+                }
                 add_js_segments(js_include_file,1,draw_type,line_width,stroke_color,stroke_opacity,use_dashed,dashtype[0],dashtype[1]);
             }
             else
             if( strcmp(draw_type,"polyline") == 0 ){
                 if( js_function[DRAW_POLYLINE] != 1 ){ js_function[DRAW_POLYLINE] = 1;}
                 if(reply_format == 0){reply_format = 23;}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
                 if( use_input_xy == 1 ){
                     add_input_polyline(js_include_file);
                     add_input_xy(js_include_file,canvas_root_id);
+                }
                 add_js_polyline(js_include_file,draw_type,line_width,stroke_color,stroke_opacity,use_dashed,dashtype[0],dashtype[1]);
             }
             else
             if( strcmp(draw_type,"segments") == 0 ){
                 if( js_function[DRAW_CIRCLES] != 1 ){ js_function[DRAW_CIRCLES] = 1;}
                 if( js_function[DRAW_SEGMENTS] != 1 ){ js_function[DRAW_SEGMENTS] = 1;}
                 if(reply_format == 0){reply_format = 11;}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 1){
                     add_input_segment(js_include_file,2);
                     add_input_x1y1x2y2(js_include_file,canvas_root_id);
+                }
                 add_js_segments(js_include_file,2,draw_type,line_width,stroke_color,stroke_opacity,use_dashed,dashtype[0],dashtype[1]);
             }
             else
             if( strcmp(draw_type,"circle") == 0 ){
                 if( js_function[DRAW_CIRCLES] != 1 ){ js_function[DRAW_CIRCLES] = 1;}
                 if(reply_format == 0){reply_format = 10;}
                 /* 9 = x1:y1:r1,x2:y2:r2,x3:y3:r3,x4:y4:r3...x_n:y_n:r_n in x/y-range */
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 1){
                     add_input_circle(js_include_file,2,1);
                     add_input_xyr(js_include_file,canvas_root_id);
+                }
                 add_js_circles(js_include_file,1,draw_type,line_width,line_width,stroke_color,stroke_opacity,use_filled,fill_color,fill_opacity,use_dashed,dashtype[0],dashtype[1]);
             }
             else
             if( strcmp(draw_type,"circles") == 0 ){
                 if( js_function[DRAW_CIRCLES] != 1 ){ js_function[DRAW_CIRCLES] = 1;}
                 if(reply_format == 0){reply_format = 10;}
                 /* 9 = x1:y1:r1,x2:y2:r2,x3:y3:r3,x4:y4:r3...x_n:y_n:r_n in x/y-range */
                 add_js_circles(js_include_file,2,draw_type,line_width,line_width,stroke_color,stroke_opacity,use_filled,fill_color,fill_opacity,use_dashed,dashtype[0],dashtype[1]);
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 1){
                     add_input_circle(js_include_file,2,2);
                     add_input_xyr(js_include_file,canvas_root_id);
                 }
             }
             else
             if(strcmp(draw_type,"crosshair") == 0 ){
                 if( js_function[DRAW_CROSSHAIRS] != 1 ){ js_function[DRAW_CROSSHAIRS] = 1;}
                 if(reply_format == 0){reply_format = 8;}
                 /* 7 = x1:y1,x2:y2,x3:y3,x4:y4...x_n:y_n in x/y-range */
                 add_js_crosshairs(js_include_file,1,draw_type,line_width,crosshair_size ,stroke_color,stroke_opacity);
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 1){
                     add_input_crosshair(js_include_file,1);
                     add_input_xy(js_include_file,canvas_root_id);
                 }
             }
             else
             if(strcmp(draw_type,"crosshairs") == 0 ){
                 if( js_function[DRAW_CROSSHAIRS] != 1 ){ js_function[DRAW_CROSSHAIRS] = 1;}
                 if(reply_format == 0){reply_format = 8;}
                 /* 7 = x1:y1,x2:y2,x3:y3,x4:y4...x_n:y_n in x/y-range */
                 add_js_crosshairs(js_include_file,2,draw_type,line_width,crosshair_size ,stroke_color,stroke_opacity);
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 1){
                     add_input_crosshair(js_include_file,2);
                     add_input_xy(js_include_file,canvas_root_id);
+                }
             }
             else
             if(strcmp(draw_type,"freehandline") == 0 ){
                 if( js_function[DRAW_PATHS] != 1 ){ js_function[DRAW_PATHS] = 1;}
                 if(reply_format == 0){reply_format = 6;}
                 add_js_paths(js_include_file,1,draw_type,line_width,0,stroke_color,stroke_opacity,use_filled,fill_color,fill_opacity,use_dashed,dashtype[0],dashtype[1]);
                 if(use_input_xy == 1){ canvas_error("userinput_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
             }
             else
             if(strcmp(draw_type,"freehandlines") == 0 ){
                 if( js_function[DRAW_PATHS] != 1 ){ js_function[DRAW_PATHS] = 1;}
                 if(reply_format == 0){reply_format = 6;}
                 add_js_paths(js_include_file,2,draw_type,line_width,0,stroke_color,stroke_opacity,use_filled,fill_color,fill_opacity,use_dashed,dashtype[0],dashtype[1]);
                 if(use_input_xy == 1){ canvas_error("userinput_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
+            }
             else
             if(strcmp(draw_type,"path") == 0 ){
             else
             if( strcmp(draw_type,"text") == 0){
                 if( js_function[DRAW_TEXTS] != 1 ){ js_function[DRAW_TEXTS] = 1;}
                 if(reply_format == 0){reply_format = 17;}
                 add_js_text(js_include_file,canvas_root_id,font_size,font_family,font_color,stroke_opacity);
                 if(use_input_xy == 1){ canvas_error("userinput_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
             }
             else
             if( strcmp(draw_type,"inputs") == 0){
                 if( js_function[DRAW_INPUTS] != 1 ){ js_function[DRAW_INPUTS] = 1;}
                 if(reply_format == 0){reply_format = 27;}
                 add_js_inputs(js_include_file,canvas_root_id,2,input_cnt,input_style,line_width);
             for(i = 0; i < 5 ;i++){
                 switch(i){
                     case 0: stroke_color = get_color(infile,0);break;/* font_color == stroke_color name or hex color */
                     case 1: double_data[0] = get_real(infile,0);break; /* x */
                     case 2: double_data[1] = get_real(infile,0);break; /* y */
                     case 3: fly_font = get_string_argument(infile,0);
                             if(strcmp(fly_font,"giant") == 0){
                                 font_size = (int)(font_size + 24);
                             }
                             else
                             {
                                 if(strcmp(fly_font,"huge") == 0){
                                     font_size = (int)(font_size + 14);
                                 }
                                 else
+                                {
                                     if(strcmp(fly_font,"large") == 0){
                                         font_size = (int)(font_size + 6);
+                                        }
                                         else
                              if no other reply_format is defined
                              note: all other reply types will include a reading of elements with id='mathml'+p)
                              */
                             if(strstr(temp,"mathml0") != NULL){
                              if(reply_format == 0 ){reply_format = 16;} /* no other reply type is defined */
                             }
                             break;
                     default:break;
                 }
             }
             reset();
             break;
         case HTTP:
         /*
          @http x1,y1,x2,y2,http://some_adress.com
          @an active html-page will be displayed in an "iframe" rectangle left top (x1:y1) , right bottom (x2:y2)
         /*
          @display x|y|xy|degree|radius,color,fontsize
          @will display the mouse cursor coordinates as x-only,y-only,(x:y),<br />the radius of a circle (this only in case 'userdraw circle(s),color' !!<br />or the angle in degrees ( rhe angle between x-axis;(0:0);(x:y)
          @use commands 'xunit' and / or 'yunit' to add the units to the mouse values
          @just like commands 'mouse','mousex','mousey','mouse_degree'...only other name)
         */
         temp = get_string_argument(infile,0);
         if( strstr(temp,"xy") != NULL ){
             int_data[0] = 2;
         }else{
             if( strstr(temp,"y") != NULL ){
         case MOUSE_DEGREE:
         /*
          @ mouse_degree color,fontsize
          @ will display the angle in degrees between x-axis, (0:0) and the cursor (x:y) in 'color' and 'font size'<br /> using default fontfamily Ariel
          @ The angle is positive in QI and QIII and the angle value is negative in QII and QIV
          @ NOTE: use command 'mouse' at the end of your script code (the same is true for command 'zoom')
         */
             stroke_color = get_color(infile,0);
             font_size = (int) (get_real(infile,1));
             tmp_buffer = my_newmem(26);
             snprintf(tmp_buffer,25,"use_mouse_coordinates();\n");add_to_buffer(tmp_buffer);
             add_js_mouse(js_include_file,MOUSE_CANVAS,canvas_root_id,precision,stroke_color,font_size,stroke_opacity,3);
             break;
         case MOUSEX:
         /*
          @ mousex color,fontsize
          @ will display the cursor x-coordinate in 'color' and 'font size'<br /> using default fontfamily Ariel
          @ NOTE: use command 'mouse' at the end of your script code (the same is true for command 'zoom')
         */
             stroke_color = get_color(infile,0);
             font_size = (int) (get_real(infile,1));
             tmp_buffer = my_newmem(26);
             snprintf(tmp_buffer,25,"use_mouse_coordinates();\n");add_to_buffer(tmp_buffer);
             add_js_mouse(js_include_file,MOUSE_CANVAS,canvas_root_id,precision,stroke_color,font_size,stroke_opacity,0);
             break;
         case MOUSEY:
         /*
          @ mousey color,fontsize
          @ will display the cursor y-coordinate in 'color' and 'font size'<br /> using default fontfamily Ariel
          @ NOTE: use command 'mouse' at the end of your script code (the same is true for command 'zoom')
         */
             stroke_color = get_color(infile,0);
             font_size = (int) (get_real(infile,1));
             tmp_buffer = my_newmem(26);
             snprintf(tmp_buffer,25,"use_mouse_coordinates();\n");add_to_buffer(tmp_buffer);
             add_js_mouse(js_include_file,MOUSE_CANVAS,canvas_root_id,precision,stroke_color,font_size,stroke_opacity,1);
             if(strstr(tooltip_text,"\"") != 0 ){ tooltip_text = str_replace(tooltip_text,"\"","'"); }
             break;
         case AUDIO:
         /*
         @ audio x,y,w,h,loop,visible,audiofile location
         @ x,y : left top corner of audio element (in xrange / yrange)
         @ w,y : width and height in pixels
         @ loop : 0 or 1 ( 1 = loop audio fragment)
         @ visible : 0 or 1 (1 = show controls)
         @ audio format may be in *.mp3 or *.ogg
         @ If you are using *.mp3 : be aware that FireFox will not (never) play this ! (Pattented format)
                     case 2: stroke_color = get_color(infile,1);
                            string_length = snprintf(NULL,0,"draw_setpixel([%f],[%f],\"%s\",%.2f,%d);\n",double_data[0],double_data[1],stroke_color,stroke_opacity,pixelsize);
                            check_string_length(string_length);tmp_buffer = my_newmem(string_length+1);
                            snprintf(tmp_buffer,string_length,"draw_setpixel([%f],[%f],\"%s\",%.2f,%d);\n",double_data[0],double_data[1],stroke_color,stroke_opacity,pixelsize);
                            add_to_buffer(tmp_buffer);
                            break;
                     default:break;
                 }
             }
             reset();
         break;
         case PIXELSIZE:
         /*
         @ pixelsize int
         @ in case you want to deviate from default pixelsize = 1...
         */
             while( ! done ){     /* get next item until EOL*/
                 if(i > MAX_INT - 1){canvas_error("to many points in argument: repeat command multiple times to fit");}
                 for( c = 0 ; c < 2; c++){
                     if(c == 0 ){
                         double_data[i] = get_real(infile,0);
                         i++;
                     }
                     else
+                    {
                         double_data[i] = get_real(infile,1);
                         i++;
+                    }
         @ default values should be fine !
         @ use command 'precision [0,1,10,100,1000,10000...]' before command 'replyformat' to set the desired number of decimals in the student reply / drawing
         @ the last value for 'precision int' will be used to calculate  the reply coordinates, if needed (read_canvas();)
         @ choose<ul><li>1 = x1,x2,x3,x4....x_n<br />y1,y2,y3,y4....y_n<br /><br />x/y in pixels</li><li>2 = x1,x2,x3,x4....x_n<br />  y1,y2,y3,y4....y_n<br /> x/y in xrange / yrange coordinate system<br /></li><li>3 = x1,x2,x3,x4....x_n<br />  y1,y2,y3,y4....y_n<br />  r1,r2,r3,r4....r_n<br />  x/y in pixels <br />  r in pixels</li><li>4 = x1,x2,x3,x4....x_n<br />  y1,y2,y3,y4....y_n<br />  r1,r2,r3,r4....r_n<br />  x/y in xrange / yrange coordinate system<br />  r in pixels</li><li>5 = Ax1,Ax2,Ax3,Ax4....Ax_n<br />  Ay1,Ay2,Ay3,Ay4....Ay_n<br />  Bx1,Bx2,Bx3,Bx4....Bx_n<br />  By1,By2,By3,By4....By_n<br />  Cx1,Cx2,Cx3,Cx4....Cx_n<br />  Cy1,Cy2,Cy3,Cy4....Cy_n<br />  ....<br />  Zx1,Zx2,Zx3,Zx4....Zx_n<br />  Zy1,Zy2,Zy3,Zy4....Zy_n<br />  x/y in pixels<br /></li><li>6 = Ax1,Ax2,Ax3,Ax4....Ax_n<br />  Ay1,Ay2,Ay3,Ay4....Ay_n<br />  Bx1,Bx2,Bx3,Bx4....Bx_n<br />  By1,By2,By3,By4....By_n<br />  Cx1,Cx2,Cx3,Cx4....Cx_n<br />  Cy1,Cy2,Cy3,Cy4....Cy_n<br />  ....<br />  Zx1,Zx2,Zx3,Zx4....Zx_n<br />  Zy1,Zy2,Zy3,Zy4....Zy_n<br />  x/y in xrange / yrange coordinate system<br /></li><li>7 = x1:y1,x2:y2,x3:y3,x4:y4...x_n:y_n<br />  x/y in pixels</li><li>8 = x1:y1,x2:y2,x3:y3,x4:y4...x_n:y_n<br />  x/y in xrange / yrange coordinate system</li><li>9 = x1:y1:r1,x2:y2:r2,x3:y3:r3,x4:y4:r3...x_n:y_n:r_n<br />  x/y in pixels</li><li>10 = x1:y1:r1,x2:y2:r2,x3:y3:r3,x4:y4:r3...x_n:y_n:r_n<br />  x/y in xrange / yrange coordinate system</li><li>11 = Ax1,Ay1,Ax2,Ay2<br />   Bx1,By1,Bx2,By2<br />   Cx1,Cy1,Cx2,Cy2<br />   Dx1,Dy1,Dx2,Dy2<br />   ......<br />   Zx1,Zy1,Zx2,Zy2<br />  x/y in xrange / yrange coordinate system</li><li>12 = Ax1,Ay1,Ax2,Ay2<br />   Bx1,By1,Bx2,By2<br />Cx1,Cy1,Cx2,Cy2<br />   Dx1,Dy1,Dx2,Dy2<br />   ......<br />   Zx1,Zy1,Zx2,Zy2<br />  x/y in pixels</li><li>13 = Ax1:Ay1:Ax2:Ay2,Bx1:By1:Bx2:By2,Cx1:Cy1:Cx2:Cy2,Dx1:Dy1:Dx2:Dy2, ... ,Zx1:Zy1:Zx2:Zy2<br />  x/y in xrange / yrange coordinate system</li><li>14 = Ax1:Ay1:Ax2:Ay2,Bx1:By1:Bx2:By2....Zx1:Zy1:Zx2:Zy2<br />  x/y in pixels</li><li>15 = reply from inputfields,textareas<br />  reply1,reply2,reply3,...,reply_n</li><li>16 = mathml input fields </li><li>17 = read "userdraw text,color" only (x1:y1:text1,x2:y2:text2...x_n:y_n:text_n</li><li>18 = read_canvas() will read all interactive clocks in H1:M1:S1,H2:M2:S2...Hn:Mn:Sn</li><li>19 = read_canvas() will return the object number of marked / clicked object (clock)<br />analogue to (shape library) onclick command </li><li>21 = (x1:y1) (x2:y2) ... (x_n:y_n)<br />verbatim coordinate return</li>22 = returns an array .... reply[0]=x1 reply[1]=y1 reply[2]=x2 reply[3]=y2 ... reply[n-1]=x_n reply[n]=y_n<br />  x/y in xrange / yrange coordinate system</li><li>replyformat 23 : can only be used for drawtype 'polyline'<br />a typical click sequence in drawtype polyline isx1,y1,x2,y2,x2,y2,x3,y3,x3,y3.....,x(n-1),y(n-1),x(n-1),y(n-1),xn,yn --replyformat 23--> x1,y1,x2,y2,x3,y3,.....x(n-1),y(n-1),xn,yn multiple occurences will be filtered out.The reply will be in x-y-range (xreply \\n yreply)</li><li>replyformat 24 = read all inputfield values: even those set 'readonly'</li><li>format 25 = angle1,angle2...angle_n : will return the radius (one or many) of the user drawn circle segment in degrees </li><li>format 26 = rad1,rad2...rad_n : will return the radius (one or many) of the user drawn circle segment in radians </li><li>27 = return (only) userdraw inputfields array: x1:y1:text1,x2:y2:text2...</li></ul>
         @ note to 'userdraw text,color' : the x / y-values are in pixels ! (this to avoid too lengthy calculations in javascript...)
         */
          reply_format = (int) get_real(infile,1);
          reply_precision = precision;
         break;
         case LEGENDCOLORS:
         /*
         @ will be used to colour a legend: use this command after the legend command ! e.g.<br />legend test1:test2:test3<br />legendcolors blue:red:orange<br />
         @ make sure the number of colours match the number of legend items
         @ command 'legend' in case of 'piechart' and 'barchart' will use these colours per default (no need to specify 'legendcolors'
         */
             if(legend_cnt == -1){canvas_error("use command \"legend\" before command \"legendcolors\" ! ");}
             temp = get_string(infile,1);
             if( strstr( temp,":") != 0 ){ temp = str_replace(temp,":","\",\""); }
             fprintf(js_include_file,"var legendcolors%d = [\"%s\"];",legend_cnt,temp);
             break;
         case LEGEND:
         /*
         @ can only be used together with command 'grid'<br />not depending on keywords 'axis' and 'axisnumbering'
         @ font setting: italic Courier, fontsize will be slightly larger (fontsize + 4)
         */
             temp = get_string(infile,1);
             fprintf(js_include_file,"var xaxislabel = \"%s\";",temp);
             break;
         case YLABEL:
         /*
         @ ylabel some_string
         @ will be used to create a (vertical) label for the y-axis (label is in quadrant I)
         @ can only be used together with command 'grid'<br />not depending on keywords 'axis' and 'axisnumbering'
         @ font setting: italic Courier, fontsize will be slightly larger (fontsize + 4)
         */
             temp = get_string(infile,1);
             fprintf(js_include_file,"var yaxislabel = \"%s\";",temp);
             break;
         case LINEGRAPH: /* scheme: var linegraph_0 = [ 'stroke_color','line_width','use_dashed' ,'dashtype0','dashtype1','x1','y1',...,'x_n','y_n'];*/
         /*
         @ linegraph x1:y1;x2:y2...x_n:y_n
         @ will plot your data in a graph
         @ may only to be used together with command 'grid'
         @ can be used together with freestyle x-axis/y-axis texts : see commands 'xaxis' and 'yaxis'
         @ use command 'legend' to provide an optional legend in right-top-corner
                     case 3: fill_color = get_color(infile,1);
                         string_length = snprintf(NULL,0,"draw_grid%d(%d,%d,\"%s\",\"%s\",%.2f,%.2f,%d,\"%s\",\"%s\",%d,%f,%d,%d); ",canvas_root_id,GRID_CANVAS,line_width,stroke_color,fill_color,stroke_opacity,fill_opacity,font_size,font_family,font_color,use_axis_numbering,double_data[0],int_data[0],precision);
                         tmp_buffer = my_newmem(string_length+1);
                         snprintf(tmp_buffer,string_length,"draw_grid%d(%d,%d,\"%s\",\"%s\",%.2f,%.2f,%d,\"%s\",\"%s\",%d,%f,%d,%d); ",canvas_root_id,GRID_CANVAS,line_width,stroke_color,fill_color,stroke_opacity,fill_opacity,font_size,font_family,font_color,use_axis_numbering,double_data[0],int_data[0],precision);
                         fprintf(js_include_file,"use_xlogscale=1;snap_y = %f;snap_x = xlogbase;",double_data[0]/int_data[0]);
                         add_to_buffer(tmp_buffer);
                         break;
                     default:break;
                 }
             }
             break;
         case YLOGSCALE:
         /*
          @ ylogscale xmajor,xminor,majorcolor,minorcolor
          @ the x/y-range are set using commands 'xrange xmin,xmax' and 'yrange ymin,ymax'
     fprintf(js_include_file,"var xmin = 0;var xmax = %d;var ymin = 0;var ymax = %d",xsize,ysize);
+  }
   else
+  {
     if( found_size_command != 3 ){
-     canvas_error("Please specify bothe xrange and yrange ...");
+     canvas_error("Please specify both xrange and yrange ...");
+    }
+  }
-  /* if needed, add generic draw functions (grid / xml etc) to buffer : these are no draggable shapes / objects  ! */
+  /* if needed, add generic draw functions (grid / xml etc) to buffer : these are no draggable/clickable shapes / objects  ! */
   add_javascript_functions(js_function,canvas_root_id);
    /* add read_canvas() etc functions if needed */
   if( reply_format > 0 ){ add_read_canvas(reply_format,reply_precision);}
   if( use_pan_and_zoom == TRUE ){
   /* in case of zooming ... */
             r += newlen;
+        }
         strcpy(r, p);
+    }
     return ret;
 }
 /******************************************************************************/
 char *get_color(FILE *infile , int last){
     int c,i = 0,is_hex = 0;
     char temp[MAX_COLOR_STRING], *string;
 = answertype for a polyline : remove multiple occurences  due to reclick on a point to create next polyline segment
 = read all inputfield values: even those set 'readonly'
 = return all userdrawn arcs in degrees:
 = return all userdrawn arcs in radians:
 = return (only) userdraw inputfields array: x1:y1:text1,x2:y2:text2...
 */
 void add_read_canvas(int type_reply,int reply_precision){
 /* just 1 reply type allowed */
 fprintf(js_include_file,"\
 \n<!-- begin function 1 read_canvas() -->\n\
 read_canvas = function(){\
  if( userdraw_x.length == 0){alert(\"nothing drawn...\");return;}\
  set_reply_precision();\
  if( document.getElementById(\"canvas_input0\") || document.getElementById(\"mathml0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
    var t = 0;\
    while(document.getElementById(\"canvas_input\"+t)){\
     if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
      input_reply[p] = document.getElementById(\"canvas_input\"+t).value;\
      p++;\
     };\
     t++;\
    };\
   };\
   if( typeof userdraw_text != 'undefined' ){\
    return userdraw_x+\"\\n\"+userdraw_y+\"\\n\"+input_reply + \"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return userdraw_x+\"\\n\"+userdraw_y+\"\\n\"+input_reply;\
   }\
  }\
  else\
    return reply_x+\"\\n\"+reply_y+\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply_x+\"\\n\"+reply_y+\"\\n\"+input_reply;\
   }\
  }\
  else\
  {\
   if( typeof userdraw_text != 'undefined' ){\
    return reply_x+\"\\n\"+reply_y+\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply_x+\"\\n\"+reply_y;\
   };\
  };\
 };\n\
 <!-- end function 2 read_canvas() -->",reply_precision);
     break;
     case 3: fprintf(js_include_file,"\
 \n<!-- begin function 3 read_canvas() -->\n\
 read_canvas = function(){\
  if( userdraw_x.length == 0){alert(\"nothing drawn...\");return;}\
  set_reply_precision();\
  if( document.getElementById(\"canvas_input0\") || document.getElementById(\"mathml0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
    var t = 0;\
    while(document.getElementById(\"canvas_input\"+t)){\
     if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
      input_reply[p] = document.getElementById(\"canvas_input\"+t).value;\
      p++;\
     };\
     t++;\
    };\
   };\
   if( typeof userdraw_text != 'undefined' ){\
    return userdraw_x+\"\\n\"+userdraw_y+\"\\n\"+userdraw_radius+\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return userdraw_x+\"\\n\"+userdraw_y+\"\\n\"+userdraw_radius+\"\\n\"+input_reply;\
   }\
  }\
  else\
    return reply_x+\"\\n\"+reply_y+\"\\n\"+userdraw_radius;\
   }\
  };\
 };\n\
 <!-- end function 4 read_canvas() -->",reply_precision);
     break;
     /*
         attention: we reset userdraw_x / userdraw_y  : because  userdraw_x = [][] userdraw_y = [][]
         used for userdraw multiple paths
     */
     case 5: fprintf(js_include_file,"\
 \n<!-- begin function 5 read_canvas() -->\n\
 read_canvas = function(){\
  set_reply_precision();\
  var p = 0;\
  var reply = \"\";\
  for(p = 0; p < userdraw_x.length;p++){\
   if(userdraw_x[p] != null ){\
    reply = reply + userdraw_x[p]+\"\\n\"+userdraw_y[p]+\"\\n\";\
   };\
  };\
  if(p == 0){alert(\"nothing drawn...\");return;};\
  userdraw_x = [];userdraw_y = [];\
  if( document.getElementById(\"canvas_input0\") || document.getElementById(\"mathml0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
    var t = 0;\
    while(document.getElementById(\"canvas_input\"+t)){\
     if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
      input_reply[p] = document.getElementById(\"canvas_input\"+t).value;\
      p++;\
     };\
     t++;\
    };\
   };\
   if( typeof userdraw_text != 'undefined' ){\
    return reply +\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply +\"\\n\"+input_reply;\
   }\
  }\
  else\
  {\
   if( typeof userdraw_text != 'undefined' ){\
    return reply+\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply;\
   }\
  };\
 };\n\
 <!-- end function 5 read_canvas() -->");
     break;
     /*
         attention: we reset userdraw_x / userdraw_y  : because  userdraw_x = [][] userdraw_y = [][]
    reply = reply + tmp_x + \"\\n\" + tmp_y +\"\\n\";\
   };\
  };\
  if(p == 0){alert(\"nothing drawn...\");return;};\
  userdraw_x = [];userdraw_y = [];\
  if( document.getElementById(\"canvas_input0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
    var t = 0;\
    while(document.getElementById(\"canvas_input\"+t)){\
     if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
      input_reply[p] = document.getElementById(\"canvas_input\"+t).value;\
      p++;\
     };\
     t++;\
    };\
   };\
   if( typeof userdraw_text != 'undefined' ){\
    return reply +\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply +\"\\n\"+input_reply;\
   }\
  }\
  else\
  {\
   if( typeof userdraw_text != 'undefined' ){\
    return reply +\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply;\
   }\
  };\
 };\n\
     break;
     case 7: fprintf(js_include_file,"\
 \n<!-- begin function 7 read_canvas() -->\n\
 read_canvas = function(){\
  set_reply_precision();\
  var reply = new Array();\
  var p = 0;\
  while(userdraw_x[p]){\
   reply[p] = userdraw_x[p] +\":\" + userdraw_y[p];\
   p++;\
  };\
  if(p == 0){alert(\"nothing drawn...\");return;};\
  if( document.getElementById(\"canvas_input0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
    var t = 0;\
    while(document.getElementById(\"canvas_input\"+t)){\
     if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
      input_reply[p] = document.getElementById(\"canvas_input\"+t).value;\
      p++;\
     };\
     t++;\
    };\
   };\
    return reply+\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply+\"\\n\"+input_reply;\
   }\
  }\
  else\
  {\
   if( typeof userdraw_text != 'undefined' ){\
    return reply+\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply;\
   }\
  };\
 };\n\
 <!-- end function 7 read_canvas() -->");
     break;
     case 8: fprintf(js_include_file,"\
 \n<!-- begin function 8 read_canvas() -->\n\
 read_canvas = function(){\
 };\n\
 <!-- end function 8 read_canvas() -->",reply_precision);
     break;
     case 9: fprintf(js_include_file,"\
 \n<!-- begin function 9 read_canvas() -->\n\
 read_canvas = function(){\
  set_reply_precision();\
  var reply = new Array();\
  var p = 0;\
  while(userdraw_x[p]){\
   reply[p] = userdraw_x[p] +\":\" + userdraw_y[p] + \":\" + userdraw_radius[p];\
-  p++;\
- };\
- if(p == 0){alert(\"nothing drawn...\");return;};\
- if( document.getElementById(\"canvas_input0\") ){\
-  var p = 0;var input_reply = new Array();\
-  if( document.getElementById(\"canvas_input0\")){\
-   var t = 0;\
-   while(document.getElementById(\"canvas_input\"+t)){\
-    if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
-     input_reply[p] = document.getElementById(\"canvas_input\"+t).value;\
-     p++;\
-    };\
-    t++;\
-   };\
-  };\
-  if( typeof userdraw_text != 'undefined' ){\
-   return reply +\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
-  }\
-  else\
-  {\
-   return reply +\"\\n\"+input_reply;\
-  }\
- }\
- else\
- {\
-  if( typeof userdraw_text != 'undefined' ){\
-   return reply +\"\\n\"+userdraw_text;\
-  }\
-  else\
-  {\
-   return reply;\
-  }\
- };\
-};\n\
-<!-- end function 9 read_canvas() -->");
-    break;
-    case 10: fprintf(js_include_file,"\
-\n<!-- begin function 10 read_canvas() -->\n\
-read_canvas = function(){\
- var reply = new Array();\
- var p = 0;\
- var prec = %d;\
- while(userdraw_x[p]){\
-  reply[p] = (Math.round(prec*(px2x(userdraw_x[p]))))/prec +\":\" + (Math.round(prec*(px2y(userdraw_y[p]))))/prec +\":\" + (Math.round(prec*userdraw_radius[p]))/prec;\
   p++;\
  };\
  if(p == 0){alert(\"nothing drawn...\");return;};\
  if( document.getElementById(\"canvas_input0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
    var t = 0;\
    while(document.getElementById(\"canvas_input\"+t)){\
     if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
      input_reply[p] = document.getElementById(\"canvas_input\"+t).value;\
      p++;\
     };\
     t++;\
    };\
   };\
   if( typeof userdraw_text != 'undefined' ){\
    return reply +\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply +\"\\n\"+input_reply;\
   }\
  }\
  else\
  {\
   if( typeof userdraw_text != 'undefined' ){\
    return reply +\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 10 read_canvas() -->",reply_precision);
+<!-- end function 9 read_canvas() -->");
     break;
-    case 11: fprintf(js_include_file,"\
+    case 10: fprintf(js_include_file,"\
-\n<!-- begin function 11 read_canvas() -->\n\
+\n<!-- begin function 10 read_canvas() -->\n\
 read_canvas = function(){\
- var reply = \"\";\
+ var reply = new Array();\
  var p = 0;\
  var prec = %d;\
  while(userdraw_x[p]){\
-  reply = reply + (Math.round(prec*(px2x(userdraw_x[p]))))/prec +\",\" + (Math.round(prec*(px2y(userdraw_y[p]))))/prec +\",\" + (Math.round(prec*(px2x(userdraw_x[p+1]))))/prec +\",\" + (Math.round(prec*(px2y(userdraw_y[p+1]))))/prec +\"\\n\" ;\
+  reply[p] = (Math.round(prec*(px2x(userdraw_x[p]))))/prec +\":\" + (Math.round(prec*(px2y(userdraw_y[p]))))/prec +\":\" + (Math.round(prec*userdraw_radius[p]))/prec;\
-  p = p+2;\
+  p++;\
  };\
  if(p == 0){alert(\"nothing drawn...\");return;};\
- if( document.getElementById(\"canvas_input0\") || document.getElementById(\"mathml0\") ){\
+ if( document.getElementById(\"canvas_input0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
    var t = 0;\
    while(document.getElementById(\"canvas_input\"+t)){\
     if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
     t++;\
    };\
   };\
   if( typeof userdraw_text != 'undefined' ){\
    return reply +\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
   }\
+  else\
+  {\
+   return reply +\"\\n\"+input_reply;\
+  }\
+ }\
+ else\
+ {\
+  if( typeof userdraw_text != 'undefined' ){\
+   return reply +\"\\n\"+userdraw_text;\
+  }\
   else\
   {\
-   return reply +\"\\n\"+input_reply;\
+   return reply;\
   }\
+ };\
+};\n\
+<!-- end function 10 read_canvas() -->",reply_precision);
+    break;
+    case 11: fprintf(js_include_file,"\
+\n<!-- begin function 11 read_canvas() -->\n\
+read_canvas = function(){\
+ var reply = \"\";\
+ var p = 0;\
+ var prec = %d;\
+ while(userdraw_x[p]){\
+  reply = reply + (Math.round(prec*(px2x(userdraw_x[p]))))/prec +\",\" + (Math.round(prec*(px2y(userdraw_y[p]))))/prec +\",\" + (Math.round(prec*(px2x(userdraw_x[p+1]))))/prec +\",\" + (Math.round(prec*(px2y(userdraw_y[p+1]))))/prec +\"\\n\" ;\
+  p = p+2;\
+ };\
+ if(p == 0){alert(\"nothing drawn...\");return;};\
+ if( document.getElementById(\"canvas_input0\") || document.getElementById(\"mathml0\") ){\
+  var p = 0;var input_reply = new Array();\
+  if( document.getElementById(\"canvas_input0\")){\
+   var t = 0;\
+   while(document.getElementById(\"canvas_input\"+t)){\
+    if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
+     input_reply[p] = document.getElementById(\"canvas_input\"+t).value;\
+     p++;\
+    };\
+    t++;\
+   };\
+  };\
+  if( typeof userdraw_text != 'undefined' ){\
+   return reply +\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
+  }\
+  else\
+  {\
+   return reply +\"\\n\"+input_reply;\
+  }\
  }\
  else\
  {\
   if( typeof userdraw_text != 'undefined' ){\
    return reply +\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply;\
   }\
  };\
 };\n\
 <!-- end function 11 read_canvas() -->",reply_precision);
     break;
     case 12: fprintf(js_include_file,"\
 \n<!-- begin function 12 read_canvas() -->\n\
 read_canvas = function(){\
  set_reply_precision();\
  var reply = \"\";\
  var p = 0;\
  for(p = 0; p< userdraw_x.lenght;p = p+2){\
   if(userdraw_x[p] != null){\
   else\
   {\
    return reply;\
   }\
  };\
 };\n\
 <!-- end function 12 read_canvas() -->");
     break;
     case 13: fprintf(js_include_file,"\
 \n<!-- begin function 13 read_canvas() -->\n\
 read_canvas = function(){\
  var reply = new Array();\
  var p = 0;var i = 0;\
  var prec = %d;\
  while(userdraw_x[p]){\
   reply[i] = (Math.round(prec*(px2x(userdraw_x[p]))))/prec +\":\" + (Math.round(prec*(px2y(userdraw_y[p]))))/prec +\":\" + (Math.round(prec*(px2x(userdraw_x[p+1]))))/prec +\":\" + (Math.round(prec*(px2y(userdraw_y[p+1]))))/prec;\
   p = p+2;i++;\
  };\
  if(p == 0){alert(\"nothing drawn...\");return;};\
  if( document.getElementById(\"canvas_input0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
    var t = 0;\
    while(document.getElementById(\"canvas_input\"+t)){\
     if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
      input_reply[p] = document.getElementById(\"canvas_input\"+t).value;\
      p++;\
     };\
     t++;\
    };\
   };\
   if( typeof userdraw_text != 'undefined' ){\
    return reply +\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
   }\
   else\
   {\
    return reply +\"\\n\"+input_reply;\
   }\
  }\
  else\
  {\
   if( typeof userdraw_text != 'undefined' ){\
    return reply +\"\\n\"+userdraw_text\
   }\
   else\
   {\
    return reply;\
   }\
  };\
 };\n\
 <!-- end function 13 read_canvas() -->",reply_precision);
     break;
     case 14: fprintf(js_include_file,"\
 \n<!-- begin function 14 read_canvas() -->\n\
  var reply = new Array();\
  var p = 0;var i = 0;\
  while(userdraw_x[p]){\
   reply[i] = userdraw_x[p] +\":\" + userdraw_y[p] +\":\" + userdraw_x[p+1] +\":\" + userdraw_y[p+1];\
   p = p+2;i++;\
  };\
  if(p == 0){alert(\"nothing drawn...\");return;};\
  if( document.getElementById(\"canvas_input0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
    var t = 0;\
     if( ! document.getElementById(\"canvas_input\"+t).getAttribute(\"readonly\")){\
      input_reply[p] = document.getElementById(\"canvas_input\"+t).value;\
      p++;\
     };\
     t++;\
    };\
   };\
   if( typeof userdraw_text != 'undefined' ){\
    return reply +\"\\n\"+input_reply+\"\\n\"+userdraw_text;\
   }\
   else\
 };\n\
 <!-- end function 14 read_canvas() -->");
     break;
     case 15: fprintf(js_include_file,"\
 \n<!-- begin function 15  read_canvas() -->\n\
 read_canvas = function(){\
  var input_reply = new Array();\
  var p = 0;\
  if( document.getElementById(\"canvas_input0\")){\
   var t = 0;\
   while(document.getElementById(\"canvas_input\"+t)){\
  };\
 return reply;\
 };\
 this.read_mathml = read_mathml;\n\
 <!-- end function 16 read_mathml() -->");
     break;
     case 17:  fprintf(js_include_file,"\
 \n<!-- begin function 17 read_canvas() -->\n\
 read_canvas = function(){\
  if( userdraw_text.length == 0){alert(\"no text typed...\");return;}\
  return userdraw_text;\
 };\n\
 <!-- end function 17 read_canvas() -->");
     break;
     case 18: fprintf(js_include_file,"\
 \n<!-- begin function 18 read_canvas() -->\n\
 read_canvas = function(){\
  var p = 0;\
  var reply = new Array();\
  var name;\
  var t = true;\
  var h;var m;var s;\
  while(t){\
 };\n\
 <!-- end function 24 read_canvas() -->");
     break;
     case 25:
     fprintf(js_include_file,"\n<!-- begin function 25 read_canvas() : angle(s) in degrees-->\n\
 read_canvas = function(){\
  if( userdraw_radius.length < 1){alert(\"nothing drawn...\");return;}\
  var lu = userdraw_radius.length;\
  var prec = %d;\
  var angle_reply = new Array(lu);\
  for(var p = 0 ; p < lu ; p++){\
     break;
     case DRAW_IMAGEFILL:/* not  used for userdraw */
 fprintf(js_include_file,"\n<!-- draw imagefill -->\n\
 var draw_imagefill = function(canvas_type,x0,y0,URL,xsize,ysize){\
  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.save();\
  var img = new Image();\
  img.src = URL;\
  img.onload = function(){\
     case DRAW_DOTFILL:/* not  used for userdraw */
 fprintf(js_include_file,"\n<!-- draw dotfill -->\n\
 var draw_dotfill = function(canvas_type,x0,y0,dx,dy,radius,color,opacity,xsize,ysize){\
  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\");\
  y = y0;\
  for( x = xsize ; x > 0 ; x = x - dx){\
   ctx.moveTo(x,ysize);\
   ctx.lineTo(x0,y);\
   y = y + dy;\
  };\
  x = x0;\
  for( y = y0 ; y < ysize ; y = y + dy ){\
   ctx.moveTo(xsize,y);\
   ctx.lineTo(x,ysize);\
   x = x + dx;\
  x = xsize;\
  for( y = ysize ; y > y0 ; y = y - dy ){\
   ctx.moveTo(x,y0);\
   ctx.lineTo(x0,y);\
   x = x - dx;\
  };\
  ctx.stroke();\
  ctx.restore();\
  return;\
  }",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
  };",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case DRAW_CIRCLES:/*  used for userdraw */
 fprintf(js_include_file,"\n<!-- draw circles -->\n\
 var draw_circles = function(ctx,x_points,y_points,radius,line_width,stroke_color,stroke_opacity,use_filled,fill_color,fill_opacity,use_dashed,dashtype0,dashtype1,use_rotate,angle,use_affine,affine_matrix){\
  ctx.save();\
  if(use_affine == 1 ){ctx.translate(affine_matrix[4],affine_matrix[5]);}\
  if(use_rotate == 1 ){ctx.rotate(angle*Math.PI/180);}\
  ctx.lineWidth = line_width;\
  for(var p = 0 ; p < x_points.length ; p++ ){\
   ctx.beginPath();\
   ctx.arc(x_points[p],y_points[p],radius[p],0,2*Math.PI,false);\
   ctx.closePath();\
   if(use_dashed == 1){if(ctx.setLineDash){ctx.setLineDash([dashtype0,dashtype1]);}else{ctx.mozDash = [dashtype0,dashtype1];};};\
   if(use_filled == 1){ctx.fillStyle = \"rgba(\"+fill_color+\",\"+fill_opacity+\")\";ctx.fill();}\
   ctx.strokeStyle=\"rgba(\"+stroke_color+\",\"+stroke_opacity+\")\";\
   ctx.stroke();\
  }\
  ctx.restore();\
  return;\
 };");
     break;
     case DRAW_POLYLINE:/* user for userdraw : draw lines through points */
 fprintf(js_include_file,"\n<!-- draw polyline -->\n\
 var draw_polyline = function(ctx,x_points,y_points,line_width,stroke_color,stroke_opacity,use_dashed,dashtype0,dashtype1,use_rotate,angle,use_affine,affine_matrix){\
  ctx.save();\
  if(use_affine == 1 ){ctx.translate(affine_matrix[4],affine_matrix[5]);}\
  if(use_rotate == 1 ){ctx.rotate(angle*Math.PI/180);}\
  ctx.lineWidth = line_width;\
  ctx.strokeStyle=\"rgba(\"+stroke_color+\",\"+stroke_opacity+\")\";\
  if(use_dashed == 1){if(ctx.setLineDash){ctx.setLineDash([dashtype0,dashtype1]);}else{ctx.mozDash = [dashtype0,dashtype1];};};\
  ctx.clearRect(0,0,xsize,ysize);\
  ctx.beginPath();\
  for(var p = 0 ; p < x_points.length-1 ; p++ ){\
   ctx.moveTo(x_points[p],y_points[p]);\
  }\
  ctx.closePath();\
  ctx.stroke();\
  ctx.fillStyle =\"rgba(\"+stroke_color+\",\"+stroke_opacity+\")\";\
  for(var p = 0 ; p < x_points.length ; p++ ){\
   ctx.beginPath();\
   ctx.arc(x_points[p],y_points[p],line_width,0,2*Math.PI,false);\
   ctx.closePath();ctx.fill();ctx.stroke();\
  };\
  ctx.restore();\
  return;\
     break;
     case DRAW_SEGMENTS:/*  used for userdraw */
 fprintf(js_include_file,"\n<!-- draw segments -->\n\
 var draw_segments = function(ctx,x_points,y_points,line_width,stroke_color,stroke_opacity,use_dashed,dashtype0,dashtype1,use_rotate,angle,use_affine,affine_matrix){\
  ctx.save();\
  if(use_affine == 1 ){ctx.translate(affine_matrix[4],affine_matrix[5]);}\
  if(use_rotate == 1 ){ctx.rotate(angle*Math.PI/180);}\
  ctx.lineWidth = line_width;\
  ctx.strokeStyle=\"rgba(\"+stroke_color+\",\"+stroke_opacity+\")\";\
  if(use_dashed == 1){if(ctx.setLineDash){ctx.setLineDash([dashtype0,dashtype1]);}else{ctx.mozDash = [dashtype0,dashtype1];};};\
  for(var p = 0 ; p < x_points.length ; p = p+2 ){\
   ctx.beginPath();\
   ctx.moveTo(x_points[p],y_points[p]);\
   ctx.lineTo(x_points[p+1],y_points[p+1]);\
   ctx.closePath();\
   ctx.stroke();\
   }\
         *xsnaptogrid="xsnaptogrid",
         *ysnaptogrid="ysnaptogrid",
         *userinput_xy="userinput_xy",
         *userinput_function="userinput_function",
         *usertextarea_xy="usertextarea_xy",
+        *userinput="userinput",
         *jsmath="jsmath",
         *trace_jscurve="trace_jscurve",
         *setlimits="setlimits",
         *jscurve="jscurve",
         *jsplot="jsplot",
         return USERINPUT_FUNCTION;
+        }
         if( strcmp(input_type, usertextarea_xy) == 0 ){
         free(input_type);
         return USERTEXTAREA_XY;
+        }
+        if( strcmp(input_type, userinput) == 0 ){
+        free(input_type);
+        return USERINPUT;
+        }
         if( strcmp(input_type, sgraph) == 0 ){
         free(input_type);
         return SGRAPH;
+        }

Subversion Repositories wimsdev

(root)/trunk/wims/src/Misc/canvasdraw/canvasdraw.c – Rev 8193 → 8222