Subversion Repositories wimsdev

            }

            }

            break;

            break;

        case ARCARROW:

        case ARCARROW:

        /*

        /*

         @ arrowarc xc,yc,x-width,y-height,start_angle,end_angle,color,type

         @ arrowarc xc,yc,x-width,y-height,start_angle,end_angle,color,type

         @ uses same syntax as <a href='#arc'>arc</a>

         @ uses same syntax as <a href='#arc'>arc</a>

         @ for arrow hat: type = 1 : right<br />type = 2 : left<br />type = 3 : left&amp;right

         @ for arrow hat: type = 1 : right<br />type = 2 : left<br />type = 3 : left&amp;right

         @ if the default arrow hat/head is not satisfactory , the size of the arrow may be set with command <a href='#arrowhead'>arrowhead</a>

         @ if the default arrow hat/head is not satisfactory , the size of the arrow may be set with command <a href='#arrowhead'>arrowhead</a>

         @ no other arrow types are implemented...yet

         @ no other arrow types are implemented...yet

         @ may be set draggable or onclick

         @ may be set draggable or onclick

            }

            }

            break;

            break;

        case ARROW:

        case ARROW:

        /*

        /*

        @ arrow x1,y1,x2,y2,h,color

        @ arrow x1,y1,x2,y2,h,color

        @ draw a single headed arrow / vector from (x1:y1) to (x2:y2)<br />with arrowhead size h in px and in color ''color``

        @ draw a single headed arrow / vector from (x1:y1) to (x2:y2)<br />with arrowhead size h in px and in color ''color``

        @ use command <code>linewidth int</code> to adjust thickness of the arrow

        @ use command <code>linewidth int</code> to adjust thickness of the arrow

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

        @%arrow_drag%size 400,400%xrange -10,10%yrange -10,10%cursor move%linewidth 2%drag xy%arrow 0,0,4,3,8,blue%drag xy%arrow 0,0,-4,3,8,green%drag xy%arrow 0,0,4,-3,8,orange%drag xy%arrow 0,0,-4,-3,8,cyan

        @%arrow_drag%size 400,400%xrange -10,10%yrange -10,10%cursor move%linewidth 2%drag xy%arrow 0,0,4,3,8,blue%drag xy%arrow 0,0,-4,3,8,green%drag xy%arrow 0,0,4,-3,8,orange%drag xy%arrow 0,0,-4,-3,8,cyan

        @%arrow_click%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%%onclick%arrow 0,0,4,4,8,blue%onclick%arrow 0,0,-4,5,8,green%onclick%arrow 0,0,4,-6,8,orange%onclick%arrow 0,0,-4,-2,8,cyan

        @%arrow_click%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%%onclick%arrow 0,0,4,4,8,blue%onclick%arrow 0,0,-4,5,8,green%onclick%arrow 0,0,4,-6,8,orange%onclick%arrow 0,0,-4,-2,8,cyan

            break;

            break;

        case ARROWS:

        case ARROWS:

        /*

        /*

        @ arrows color,head (px),x1,y1,x2,y2...x_n,y_n

        @ arrows color,head (px),x1,y1,x2,y2...x_n,y_n

        @ draw single headed arrows / vectors from (x1:y1) to (x2:y2) ... (x3:y3) to (x4:y4) etc ... in color 'color'

        @ draw single headed arrows / vectors from (x1:y1) to (x2:y2) ... (x3:y3) to (x4:y4) etc ... in color 'color'

        @ use command <code>linewidth int</code> to adjust thickness of the arrow

        @ use command <code>linewidth int</code> to adjust thickness of the arrow

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a> individually

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a> individually

        @%arrows_click%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%onclick%arrows red,8,0,0,4,3,0,0,2,4,0,0,-2,4,0,0,-3,-4,0,0,3,-2%

        @%arrows_click%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%onclick%arrows red,8,0,0,4,3,0,0,2,4,0,0,-2,4,0,0,-3,-4,0,0,3,-2%

        @%arrows_drag%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%drag xy%arrows red,8,0,0,4,3,0,0,2,4,0,0,-2,4,0,0,-3,-4,0,0,3,-2%

        @%arrows_drag%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%drag xy%arrows red,8,0,0,4,3,0,0,2,4,0,0,-2,4,0,0,-3,-4,0,0,3,-2%

        case CIRCLE:

        case CIRCLE:

        /*

        /*

        @ circle xc,yc,width (2*r in pixels),color

        @ circle xc,yc,width (2*r in pixels),color

        @ use command <code>fcircle xc,yc,d,color</code>

        @ use command <code>fcircle xc,yc,d,color</code>

        @ use command <code>fillcolor color</code> to set the fillcolor

        @ use command <code>fillcolor color</code> to set the fillcolor

        @ may be set <a href='#drag'>draggable</a> / <a href='#onclick'>onclick</a>

        @ may be set <a href='#drag'>draggable</a> / <a href='#onclick'>onclick</a>

        @ will shrink / expand on zoom out / zoom in

        @ will shrink / expand on zoom out / zoom in

        @%circle%size 400,400%xrange -10,10%yrange -10,10%filled%fillcolor lightblue%opacity 255,50%drag xy%circle 0,0,60,red%zoom red

        @%circle%size 400,400%xrange -10,10%yrange -10,10%filled%fillcolor lightblue%opacity 255,50%drag xy%circle 0,0,60,red%zoom red

        */

        */

        case CIRCLES:

        case CIRCLES:

        /*

        /*

        @ circles color,xc1,yc1,r1,xc2,yc2,r2...xc_n,yc_n,r_n

        @ circles color,xc1,yc1,r1,xc2,yc2,r2...xc_n,yc_n,r_n

        @ <b>attention</b> r = radius in x-range (!)

        @ <b>attention</b> r = radius in x-range (!)

        @ use keyword <code>filled</code> or command <code>fcircles</code> to produce solid circles

        @ use keyword <code>filled</code> or command <code>fcircles</code> to produce solid circles

        @ use command <code>fillcolor color</code> to set the fillcolor

        @ use command <code>fillcolor color</code> to set the fillcolor

        @ may be set <a href='#drag'>draggable</a> / <a href='#onclick'>onclick</a> (individually)

        @ may be set <a href='#drag'>draggable</a> / <a href='#onclick'>onclick</a> (individually)

        @ will shrink / expand on zoom out / zoom in

        @ will shrink / expand on zoom out / zoom in

        @%circles_drag%size 400,400%xrange -10,10%yrange -10,10%filled%fillcolor lightblue%opacity 255,50%drag xy%circles blue,0,0,2,2,2,3,-3,-3,3,3,3,4,3,-4,2%zoom red

        @%circles_drag%size 400,400%xrange -10,10%yrange -10,10%filled%fillcolor lightblue%opacity 255,50%drag xy%circles blue,0,0,2,2,2,3,-3,-3,3,3,3,4,3,-4,2%zoom red

        @%circles_onclick%size 400,400%xrange -10,10%yrange -10,10%filled%fillcolor lightblue%opacity 255,50%onclick%circles blue,0,0,2,2,2,3,-3,-3,3,3,3,4,3,-4,2%zoom red

        @%circles_onclick%size 400,400%xrange -10,10%yrange -10,10%filled%fillcolor lightblue%opacity 255,50%onclick%circles blue,0,0,2,2,2,3,-3,-3,3,3,3,4,3,-4,2%zoom red

            if(use_dragstuff == 0 ){ use_dragstuff = 1; }

            if(use_dragstuff == 0 ){ use_dragstuff = 1; }

            break;

            break;

        case CLEARBUTTON:

        case CLEARBUTTON:

        /*

        /*

         @ clearbutton value

         @ clearbutton value

         @ adds a button to clear the <a href="#userdraw">userdraw</a> canvas with text ''value``

         @ adds a button to clear the <a href="#userdraw">userdraw</a> canvas with text ''value``

         @ <b>attention</b> command <code>clearbutton</code> is incompatible with <a href="#multidraw">multidraw</a> based drawings<br/>(in <code>multidraw</code> there is always a remove_object_button for every draw primitive)

         @ <b>attention</b> command <code>clearbutton</code> is incompatible with <a href="#multidraw">multidraw</a> based drawings<br/>(in <code>multidraw</code> there is always a remove_object_button for every draw primitive)

         @ normally <a href="#userdraw">userdraw</a> primitives have the option to use middle/right mouse button on<br /> a point of the object to remove this specific object...this clear button will remove all drawings

         @ normally <a href="#userdraw">userdraw</a> primitives have the option to use middle/right mouse button on<br /> a point of the object to remove this specific object...this clear button will remove all drawings

         @ uses the tooltip placeholder div element: may not be used with command <code>intooltip</code>

         @ uses the tooltip placeholder div element: may not be used with command <code>intooltip</code>

         @ use command <a href="#css">css</a> to style the button...

         @ use command <a href="#css">css</a> to style the button...

            break;

            break;

        case CURSOR:

        case CURSOR:

        /*

        /*

        @ cursor some CSS cursor_style

        @ cursor some CSS cursor_style

        @ style can be any valid CSS property value

        @ style can be any valid CSS property value

        @ choose from these types:<br />alias,all-scroll,auto,cell,context-menu,col-resize,copy,crosshair,default,e-resize,<br />ew-resize,grab,grabbing,help,move,n-resize,ne-resize,nesw-resize,ns-resize,nw-resize,<br />nwse-resize,no-drop,none,not-allowed,pointer,progress,row-resize,s-resize,se-resize,<br />sw-resize,text,url(myBall.cur),auto,vertical-text,w-resize,wait,zoom-in,zoom-out,initial

        @ choose from these types:<br />alias,all-scroll,auto,cell,context-menu,col-resize,copy,crosshair,default,e-resize,<br />ew-resize,grab,grabbing,help,move,n-resize,ne-resize,nesw-resize,ns-resize,nw-resize,<br />nwse-resize,no-drop,none,not-allowed,pointer,progress,row-resize,s-resize,se-resize,<br />sw-resize,text,url(myBall.cur),auto,vertical-text,w-resize,wait,zoom-in,zoom-out,initial

        @ note: wims will not check the validity of your cursor declaration

        @ note: wims will not check the validity of your cursor declaration

        @%cursor_css%size 400,400%xrange -10,10%yrange -10,10%cursor move%linewidth 3%drag xy%opacity 200,75%fcircles blue,-5,5,3,-4,-2,6,0,0,5,3,4,2,4,-5,4

        @%cursor_css%size 400,400%xrange -10,10%yrange -10,10%cursor move%linewidth 3%drag xy%opacity 200,75%fcircles blue,-5,5,3,-4,-2,6,0,0,5,3,4,2,4,-5,4

        */

        */

            break;

            break;

        case CURVE:

        case CURVE:

        /*

        /*

         @ curve color,formula(x)

         @ curve color,formula(x)

         @ use command <a href="#trange">trange</a> in parametric functions before <b>every</b> command curve / plot <code>trange -pi,pi<br />curve color,formula1(t),formula2(t)</code><br />A next parametric curve will only be correctly plot when trange is set again !<br/>this is a design flaw and not a feature...

         @ use command <a href="#trange">trange</a> in parametric functions before <b>every</b> command curve / plot <code>trange -pi,pi<br />curve color,formula1(t),formula2(t)</code><br />A next parametric curve will only be correctly plot when trange is set again !<br/>this is a design flaw and not a feature...

         @ use command <a href="#precision">precision</a> to increase the number of digits of the plotted points

         @ use command <a href="#precision">precision</a> to increase the number of digits of the plotted points

         @ use command <a href="#plotsteps">plotsteps</a> to increase / decrease the amount of plotted points (default 150)

         @ use command <a href="#plotsteps">plotsteps</a> to increase / decrease the amount of plotted points (default 150)

         @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

         @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

         @ if you need a plot beyond xrange / yrange, use <a href="#jsplot">jsplot</a> (command ''curve`` will only calculate points within the xrange)

         @ if you need a plot beyond xrange / yrange, use <a href="#jsplot">jsplot</a> (command ''curve`` will only calculate points within the xrange)

            break;

            break;

        case FILLPATTERN:

        case FILLPATTERN:

        /*

        /*

        @ fillpattern grid | hatch | diamond | dot | image_url

        @ fillpattern grid | hatch | diamond | dot | image_url

        @ use a pattern as fillstyle

        @ use a pattern as fillstyle

        @ suitable for all fillable object including the <a href="#userdraw">userdraw objects' family</a>

        @ suitable for all fillable object including the <a href="#userdraw">userdraw objects' family</a>

        @ note: do not use the ''f`` for a fillable object : this is used exclusively for solid colour filling.

        @ note: do not use the ''f`` for a fillable object : this is used exclusively for solid colour filling.

        @ the fillcolor is set by the object command, for example:<br /><code>size 370,370<br />xrange -5,5<br />yrange -5,5<br />opacity 165,150<br />fillpattern grid<br />fcircle -6,3,160,blue<br />fillpattern dot<br />fcircle -3,-3,160,red<br />fillpattern hatch<br />fcircle 0,3,160,green<br />filpattern diamond<br />fcircle 3,-3,160,cyan<br />userdraw dotfill,blue<br />zoom red</code>

        @ the fillcolor is set by the object command, for example:<br /><code>size 370,370<br />xrange -5,5<br />yrange -5,5<br />opacity 165,150<br />fillpattern grid<br />fcircle -6,3,160,blue<br />fillpattern dot<br />fcircle -3,-3,160,red<br />fillpattern hatch<br />fcircle 0,3,160,green<br />filpattern diamond<br />fcircle 3,-3,160,cyan<br />userdraw dotfill,blue<br />zoom red</code>

        @ the pattern dimensions are hardcoded (linewidth, radius,dx,dy are fixed)

        @ the pattern dimensions are hardcoded (linewidth, radius,dx,dy are fixed)

            }

            }

        break;

        break;

        case FLOODFILL:

        case FLOODFILL:

        /*

        /*

        @ floodfill x,y,color

        @ floodfill x,y,color

        @ fill the region of point (x:y) with color 'color'

        @ fill the region of point (x:y) with color 'color'

        @ any other color or size of picture (borders of picture) will act as border to the bucket fill

        @ any other color or size of picture (borders of picture) will act as border to the bucket fill

        @ use this command after all boundary objects are declared.

        @ use this command after all boundary objects are declared.

        @ Use command <code>userdraw clickfill,color</code> for user click driven flood fill.

        @ Use command <code>userdraw clickfill,color</code> for user click driven flood fill.

        @ use command <a href="#canvastype">canvastype </a> to fill another canvas (default should be fine: DRAG_CANVAS = 5)

        @ use command <a href="#canvastype">canvastype </a> to fill another canvas (default should be fine: DRAG_CANVAS = 5)

        break;

        break;

        case HALFLINE:

        case HALFLINE:

        /*

        /*

        @ demiline x1,y1,x2,y2,color

        @ demiline x1,y1,x2,y2,color

        @ draws a halfline starting in (x1:y1) and through (x2:y2) in color 'color' (colorname or hex)

        @ draws a halfline starting in (x1:y1) and through (x2:y2) in color 'color' (colorname or hex)

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

        @%halfline%size 400,400%xrange -10,10%yrange -10,10%halfline -5,5,0,0,red%halfline -5,-5,0,0,blue

        @%halfline%size 400,400%xrange -10,10%yrange -10,10%halfline -5,5,0,0,red%halfline -5,-5,0,0,blue

        */

        */

            for(i=0;i<5;i++){

            for(i=0;i<5;i++){

            break;

            break;

        case HALFLINES:

        case HALFLINES:

        /*

        /*

        @ demilines color,x1,y1,x2,y2,....

        @ demilines color,x1,y1,x2,y2,....

        @ draws halflines starting in (x1:y1) and through (x2:y2) in color 'color' (colorname or hex) etc

        @ draws halflines starting in (x1:y1) and through (x2:y2) in color 'color' (colorname or hex) etc

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a> indiviually

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a> indiviually

        @%halflines%size 400,400%xrange -10,10%yrange -10,10%halflines red,-5,5,0,0,-5,-5,0,0

        @%halflines%size 400,400%xrange -10,10%yrange -10,10%halflines red,-5,5,0,0,-5,-5,0,0

        */

        */

            stroke_color=get_color(infile,0);

            stroke_color=get_color(infile,0);

        break;

        break;

        case HLINE:

        case HLINE:

        /*

        /*

        @ hline x,y,color

        @ hline x,y,color

        @ draw a horizontal line through point (x:y) in color 'color'

        @ draw a horizontal line through point (x:y) in color 'color'

        @ or use command <a href='#curve'>curve color,formula</a> to draw the line (uses more points to draw the line; is however better draggable)

        @ or use command <a href='#curve'>curve color,formula</a> to draw the line (uses more points to draw the line; is however better draggable)

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

        @%hline%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%hline 0,0,red%dhline 0,5,blue

        @%hline%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%hline 0,0,red%dhline 0,5,blue

        */

        */

            break;

            break;

        case HLINES:

        case HLINES:

        /*

        /*

        @ hlines color,x1,y1,x2,y2,...

        @ hlines color,x1,y1,x2,y2,...

        @ draw horizontal lines through points (x1:y1)...(xn:yn) in color 'color'

        @ draw horizontal lines through points (x1:y1)...(xn:yn) in color 'color'

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a> individually

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a> individually

        @%hlines%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%hlines red,0,0,0,5,0,-5

        @%hlines%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%hlines red,0,0,0,5,0,-5

        */

        */

            stroke_color=get_color(infile,0); /* how nice: now the color comes first...*/

            stroke_color=get_color(infile,0); /* how nice: now the color comes first...*/

            break;

            break;

        case JSCURVE:

        case JSCURVE:

        /*

        /*

         @ jscurve color,formula1(x),formula2(x),formula3(x),...

         @ jscurve color,formula1(x),formula2(x),formula3(x),...

         @ your function will be plotted by the javascript engine of the client browser

         @ your function will be plotted by the javascript engine of the client browser

         @ if <a href='trange'>trange</a> is defined, the two functions will be plotted parametric<br /><b>note</b>: use <i>x</i> as variable...and not <i>t</i>. Use keyword <a href='#animate'>animate</a> to animate a point on the curve

         @ if <a href='trange'>trange</a> is defined, the two functions will be plotted parametric<br /><b>note</b>: use <i>x</i> as variable...and not <i>t</i>. Use keyword <a href='#animate'>animate</a> to animate a point on the curve

         @ use only basic math in your curve: <code>sqrt,^,asin,acos,atan,log,pi,abs,sin,cos,tan,e</code>

         @ use only basic math in your curve: <code>sqrt,^,asin,acos,atan,log,pi,abs,sin,cos,tan,e</code>

         @ use parenthesis and rawmath: use 2*x instead of 2x ; use 2^(sin(x))...etc etc (use error console to debug any errors...)

         @ use parenthesis and rawmath: use 2*x instead of 2x ; use 2^(sin(x))...etc etc (use error console to debug any errors...)

         @ <b>attention</b>: last ''precision`` command in the canvasdraw script determines the calculation precision of the javascript curve plot !

         @ <b>attention</b>: last ''precision`` command in the canvasdraw script determines the calculation precision of the javascript curve plot !

            break;

            break;

        case KILLTRANSLATION:

        case KILLTRANSLATION:

        /*

        /*

         @ killtranslation

         @ killtranslation

         @ note: a active linear or affine transformation will not be 100% reset...only tx=0,ty=0

         @ note: a active linear or affine transformation will not be 100% reset...only tx=0,ty=0

         @ resets the translation matrix a,b,c,d,tx,ty to a,b,c,d,0,0

         @ resets the translation matrix a,b,c,d,tx,ty to a,b,c,d,0,0

        */

        */

            affine_matrix[4] = 0.0;

            affine_matrix[4] = 0.0;

            affine_matrix[5] = 0.0;

            affine_matrix[5] = 0.0;

            break;

            break;

        case LATEX:

        case LATEX:

        /*

        /*

         @ latex x,y,tex string

         @ latex x,y,tex string

         @ you may also use command <a href="#mathml">mathml</a> for xml strings generated with wims commmand ''mathmlmath`` (will not work on KaTeX enabled WIMS)

         @ you may also use command <a href="#mathml">mathml</a> for xml strings generated with wims commmand ''mathmlmath`` (will not work on KaTeX enabled WIMS)

         @ transformation commands <a href='#affine'>affine</a>, <a href='#translation'>translation</a> and <a href='#rotate'>rotate</a> are supported.(onclick and drag will work)

         @ transformation commands <a href='#affine'>affine</a>, <a href='#translation'>translation</a> and <a href='#rotate'>rotate</a> are supported.(onclick and drag will work)

         @ can be set onclick: <code>javascript:read_dragdrop();</code> will return click numbers of mathml-objects<br />if 4 clickable object are drawn, the reply could be 1,0,1,0 ... meaning clicked on the first and third object

         @ can be set onclick: <code>javascript:read_dragdrop();</code> will return click numbers of mathml-objects<br />if 4 clickable object are drawn, the reply could be 1,0,1,0 ... meaning clicked on the first and third object

         @ can be set draggable:<code>javascript:read_dragdrop();</code> will return all coordinates in the same order as the canvas script: unmoved object will have their original coordinates...

         @ can be set draggable:<code>javascript:read_dragdrop();</code> will return all coordinates in the same order as the canvas script: unmoved object will have their original coordinates...

         @ can be moved/rotated with command <a href='#slider'>slider</a>

         @ can be moved/rotated with command <a href='#slider'>slider</a>

            fprintf(js_include_file,"var multifillopacity = [\"%s\"];",temp);

            fprintf(js_include_file,"var multifillopacity = [\"%s\"];",temp);

            break;

            break;

        case MULTISNAPTOGRID:

        case MULTISNAPTOGRID:

        /*

        /*

         @ multisnaptogrid 0,1,1

         @ multisnaptogrid 0,1,1

         @ meaning draw objects no. 2 (circle) and 3 (segments), in the list of command like <code>multifill points,circle,segments</code>, will snap to the xy-grid (default 1 in x/y-coordinate system: see command <a href='#snaptogrid'>snaptogrid</a>)

         @ meaning draw objects no. 2 (circle) and 3 (segments), in the list of command like <code>multifill points,circle,segments</code>, will snap to the xy-grid (default 1 in x/y-coordinate system: see command <a href='#snaptogrid'>snaptogrid</a>)

         @ freehand drawing...specify precision for reply: all objects snap to grid <code>multisnaptogrid 1,1,1,...</code>

         @ freehand drawing...specify precision for reply: all objects snap to grid <code>multisnaptogrid 1,1,1,...</code>

         @ only the xy-values snap_to_grid: all objects snap to grid <code>multisnaptogrid 1,1,1,...</code>

         @ only the xy-values snap_to_grid: all objects snap to grid <code>multisnaptogrid 1,1,1,...</code>

         @ only the x-values snap_to_grid: all objects snap to x-grid <code>multisnaptogrid 2,2,2,...</code>

         @ only the x-values snap_to_grid: all objects snap to x-grid <code>multisnaptogrid 2,2,2,...</code>

         @ only the y-values snap_to_grid: all objects snap to y-grid <code>multisnaptogrid 3,3,3,...</code>

         @ only the y-values snap_to_grid: all objects snap to y-grid <code>multisnaptogrid 3,3,3,...</code>

            break;

            break;

        case MULTIUSERINPUT:

        case MULTIUSERINPUT:

        /*

        /*

        @ multiuserinput 0,1,1,0

        @ multiuserinput 0,1,1,0

        @ meaning, when the command ''multidraw`` is used <code>multidraw circles,points,lines,triangles</code><br />objects ''points`` and ''lines`` may additionally be ''drawn`` by direct input (inputfields)<br/>all other objects must be drawn with a mouse

        @ meaning, when the command ''multidraw`` is used <code>multidraw circles,points,lines,triangles</code><br />objects ''points`` and ''lines`` may additionally be ''drawn`` by direct input (inputfields)<br/>all other objects must be drawn with a mouse

        @ in case of circle | circles a third inputfield for Radius (R) is added. The radius must be in the x/y coordinate system (x-range) and <b>not</b> in pixels...students don't think in pixels.<br />note: R-values will not snap-to-grid

        @ in case of circle | circles a third inputfield for Radius (R) is added. The radius must be in the x/y coordinate system (x-range) and <b>not</b> in pixels...students don't think in pixels.<br />note: R-values will not snap-to-grid

        @ in case of line(s) | segment(s) | arrow(s) the user should write <b>x1:y1</b> in the first inputfield and <b>x2:y2</b> in the second.<br />These ''hints`` are pre-filled into the input field.<br />Other coordinate delimiters are '';`` and '',`` e.g. <b>x1;y1</b> or <b>x1,y1</b>.<br />An error message (alert box) will popup when things are not correctly...

        @ in case of line(s) | segment(s) | arrow(s) the user should write <b>x1:y1</b> in the first inputfield and <b>x2:y2</b> in the second.<br />These ''hints`` are pre-filled into the input field.<br />Other coordinate delimiters are '';`` and '',`` e.g. <b>x1;y1</b> or <b>x1,y1</b>.<br />An error message (alert box) will popup when things are not correctly...

        @ in case of a triangle | poly3, three inputfields are provided.

        @ in case of a triangle | poly3, three inputfields are provided.

        @ in case of ''text`` and ''multiuserinput=1, 3`` inputfields will be shown: ''x,y,text``

        @ in case of ''text`` and ''multiuserinput=1, 3`` inputfields will be shown: ''x,y,text``

            temp = str_replace(temp,",","\",\"");

            temp = str_replace(temp,",","\",\"");

            fprintf(js_include_file,"var multiuserinput = [\"%s\"];",temp);

            fprintf(js_include_file,"var multiuserinput = [\"%s\"];",temp);

            break;

            break;

        case NORESET:

        case NORESET:

        /*

        /*

        @ keyword

        @ keyword

        @ may come in handy if canvas script code is generated using loops

        @ may come in handy if canvas script code is generated using loops

        @ if used the following properties will remain to be valid<br /><ul><li>filled</li><li>dash settings</li><li>onclick or drag settings</li><li>centering or offset</li></ul>

        @ if used the following properties will remain to be valid<br /><ul><li>filled</li><li>dash settings</li><li>onclick or drag settings</li><li>centering or offset</li></ul>

        @ if used again, these properies will be reset to the default values and normal behaviour is continued (e.g. the above properties will be reset after 'use' on a canvas object)

        @ if used again, these properies will be reset to the default values and normal behaviour is continued (e.g. the above properties will be reset after 'use' on a canvas object)

        @ etc etc

        @ etc etc

        case OPACITY:

        case OPACITY:

        /*

        /*

        @ opacity [0-255],[0-255]

        @ opacity [0-255],[0-255]

        @ opacity [0.0 - 1.0],[0.0 - 1.0]

        @ opacity [0.0 - 1.0],[0.0 - 1.0]

        @ first item is stroke opacity, second is fill opacity

        @ first item is stroke opacity, second is fill opacity

        @%opacity%size 400,400%xrange -10,10%yrange -10,10%opacity 255,0%fcircle -10,0,100,blue%opacity 250,50%fcircle -5,0,100,blue%opacity 200,100%fcircle 0,0,100,blue%opacity 150,150%fcircle 5,0,100,blue%opacity 100,200%fcircle 10,0,100,blue

        @%opacity%size 400,400%xrange -10,10%yrange -10,10%opacity 255,0%fcircle -10,0,100,blue%opacity 250,50%fcircle -5,0,100,blue%opacity 200,100%fcircle 0,0,100,blue%opacity 150,150%fcircle 5,0,100,blue%opacity 100,200%fcircle 10,0,100,blue

        */

        */

            for(i = 0 ; i<2;i++){

            for(i = 0 ; i<2;i++){

                switch(i){

                switch(i){

        case SEGMENT:

        case SEGMENT:

        /*

        /*

        @ segment x1,y1,x2,y2,color

        @ segment x1,y1,x2,y2,color

        @ draw a line segment between points (x1:y1)--(x2:y2) in color ''color``

        @ draw a line segment between points (x1:y1)--(x2:y2) in color ''color``

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

        @%segment_onclick%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%onclick%segment 1,1,-9,3,green

        @%segment_onclick%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%onclick%segment 1,1,-9,3,green

        @%segment_drag_y%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%drag y%segment 1,1,-9,3,green

        @%segment_drag_y%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%drag y%segment 1,1,-9,3,green

        */

        */

            break;

            break;

        case SEGMENTS:

        case SEGMENTS:

        /*

        /*

        @ segments color,x1,y1,x2,y2,...,x_n,y_n

        @ segments color,x1,y1,x2,y2,...,x_n,y_n

        @ draw multiple segments between points (x1:y1)--(x2:y2).....and... (x_n-1:y_n-1)--(x_n:y_n) in color ''color``

        @ draw multiple segments between points (x1:y1)--(x2:y2).....and... (x_n-1:y_n-1)--(x_n:y_n) in color ''color``

        @ use command ''linewidth int`` to adjust size

        @ use command ''linewidth int`` to adjust size

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a> individually (!)

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a> individually (!)

        @%segments_onclick%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%onclick%segments green,1,1,3,3,0,0,-3,3,1,1,4,-1,-5,5,-3,-1

        @%segments_onclick%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%onclick%segments green,1,1,3,3,0,0,-3,3,1,1,4,-1,-5,5,-3,-1

        @%segments_drag_y%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%drag y%segments green,1,1,3,3,0,0,-3,3,1,1,4,-1,-5,5,-3,-1

        @%segments_drag_y%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%drag y%segments green,1,1,3,3,0,0,-3,3,1,1,4,-1,-5,5,-3,-1

            /* sgraph(canvas_type,precision,xmajor,ymajor,xminor,yminor,majorcolor,minorcolor,fontfamily,opacity)*/

            /* sgraph(canvas_type,precision,xmajor,ymajor,xminor,yminor,majorcolor,minorcolor,fontfamily,opacity)*/

            break;

            break;

        case SNAPTOFUNCTION:

        case SNAPTOFUNCTION:

        /*

        /*

        @ snaptofunction some_function_in_x,some_funtion_in_y

        @ snaptofunction some_function_in_x,some_funtion_in_y

        @ the next object will snap to the calculated values

        @ the next object will snap to the calculated values

        @ note: snaptofun is probably not really useful feature...

        @ note: snaptofun is probably not really useful feature...

        @ if you want only modification of y-values,just use: <code>snaptofunction x,5*sin(1/y)</code>

        @ if you want only modification of y-values,just use: <code>snaptofunction x,5*sin(1/y)</code>

        @ if you want only modification of x-values,just use: <code>snaptofunction 5*sin(1/x),y</code>

        @ if you want only modification of x-values,just use: <code>snaptofunction 5*sin(1/x),y</code>

        @ for now only one instance of ''snaptofunction`` is allowed

        @ for now only one instance of ''snaptofunction`` is allowed

        case TRANGE:

        case TRANGE:

        /*

        /*

        @ trange tmin,tmax

        @ trange tmin,tmax

        @ default -2,2

        @ default -2,2

        */

        */

            use_parametric = TRUE;

            use_parametric = TRUE;

            for(i = 0 ; i<2; i++){

            for(i = 0 ; i<2; i++){

                switch(i){

                switch(i){

            if(tmin >= tmax ){canvas_error(" trange is not OK: tmin < tmax!\n");}

            if(tmin >= tmax ){canvas_error(" trange is not OK: tmin < tmax!\n");}

            break;

            break;

        case TRANSLATION:

        case TRANSLATION:

        /*

        /*

         @ translation tx,ty

         @ translation tx,ty

         @ will translate the next objects tx in xrange and ty in yrange

         @ will translate the next objects tx in xrange and ty in yrange

         @ use command ''killtranstation`` to end the command

         @ use command ''killtranstation`` to end the command

         @%translation%size 400,400%xrange -10,10%yrange -10,10%linewidth 1%fillpattern grid%ftriangle -6,6,8,6,5,1,blue%translation 2,2%ftriangle -6,6,8,6,5,1,red

         @%translation%size 400,400%xrange -10,10%yrange -10,10%linewidth 1%fillpattern grid%ftriangle -6,6,8,6,5,1,blue%translation 2,2%ftriangle -6,6,8,6,5,1,red

        */

        */

            for(i = 0 ; i<2;i++){

            for(i = 0 ; i<2;i++){

        break;

        break;

        case USERINPUT:

        case USERINPUT:

        /*

        /*

         @ userinput function inputfield

         @ userinput function inputfield

         @ ''inputfield`` is only usable in combination with some ''userdraw draw_type``

         @ ''inputfield`` is only usable in combination with some ''userdraw draw_type``

         @ note: the input fields are not cleared after the object is drawn...be aware of multiple idential drawings (many clicks on the ''ok`` button)

         @ note: the input fields are not cleared after the object is drawn...be aware of multiple idential drawings (many clicks on the ''ok`` button)

         @ ''userinput function`` may be used any time (e.g. without userdraw)

         @ ''userinput function`` may be used any time (e.g. without userdraw)

         @ multiple ''userinput function`` commands may be used.

         @ multiple ''userinput function`` commands may be used.

         @ use command <code>functionlabel some_string</code> to define the inputfield text: default value "f(x)="

         @ use command <code>functionlabel some_string</code> to define the inputfield text: default value "f(x)="

            break;

            break;

        case USERINPUT_FUNCTION:

        case USERINPUT_FUNCTION:

        /*

        /*

        @ userinput_function

        @ userinput_function

        @ keyword (no arguments required)

        @ keyword (no arguments required)

        @ if set, a inputfield will be added to the page

        @ if set, a inputfield will be added to the page

        @ repeat keyword for more function input fields

        @ repeat keyword for more function input fields

        @ the userinput value will be plotted in the canvas

        @ the userinput value will be plotted in the canvas

        @ this value may be read with <code>read_canvas()</code>. <br />for do it yourself js-scripters: If this is the first inputfield in the script, its id is canvas_input0

        @ this value may be read with <code>read_canvas()</code>. <br />for do it yourself js-scripters: If this is the first inputfield in the script, its id is canvas_input0

            break;

            break;

        case VLINE:

        case VLINE:

        /*

        /*

        @ vline x,y,color

        @ vline x,y,color

        @ draw a vertical line through point (x:y) in color 'color'

        @ draw a vertical line through point (x:y) in color 'color'

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a>

        @%vline%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%onclick%vline 0,0,red%onclick%vline 1,0,orange%onclick%vline 2,0,blue%onclick%vline 3,0,green

        @%vline%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%onclick%vline 0,0,red%onclick%vline 1,0,orange%onclick%vline 2,0,blue%onclick%vline 3,0,green

        */

        */

            for(i=0;i<3;i++) {

            for(i=0;i<3;i++) {

            break;

            break;

        case VLINES:

        case VLINES:

        /*

        /*

        @ vlines color,x1,y1,x2,y2....

        @ vlines color,x1,y1,x2,y2....

        @ draw vertical lines through points (x1:y1),(x2:y2)... in color 'color'

        @ draw vertical lines through points (x1:y1),(x2:y2)... in color 'color'

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a> individually

        @ may be set <a href="#drag">draggable</a> / <a href="#onclick">onclick</a> individually

        @%vlines%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%onclick%vlines red,1,0,2,0,3,0,4,0

        @%vlines%size 400,400%xrange -10,10%yrange -10,10%linewidth 2%onclick%vlines red,1,0,2,0,3,0,4,0

        */

        */

            stroke_color=get_color(infile,0); /* how nice: now the color comes first...*/

            stroke_color=get_color(infile,0); /* how nice: now the color comes first...*/

            break;

            break;

        case X_AXIS_STRINGS:

        case X_AXIS_STRINGS:

        /*

        /*

         @ xaxis num1:string1:num2:string2:num3:string3:num4:string4:....num_n:string_n

         @ xaxis num1:string1:num2:string2:num3:string3:num4:string4:....num_n:string_n

         @ usable for commands <a href="#numberline">numberline</a> and <a href="#grid">grid</a> or combinations thereof

         @ usable for commands <a href="#numberline">numberline</a> and <a href="#grid">grid</a> or combinations thereof

         @ use these x-axis num1...num_n values instead of default xmin...xmax

         @ use these x-axis num1...num_n values instead of default xmin...xmax

         @ in case of command ''grid``. there is no need to use keyword <a href="#axisnumbering">axisnumbering</a>

         @ in case of command ''grid``. there is no need to use keyword <a href="#axisnumbering">axisnumbering</a>

         @ use command <a href="#axis">axis</a> to have visual x/y-axis lines (see command <a href="#grid">grid</a>

         @ use command <a href="#axis">axis</a> to have visual x/y-axis lines (see command <a href="#grid">grid</a>

         @ use command ''fontcolor``, ''fontfamily`` to adjust font <br />defaults: black,12,Arial<br />note: command ''fontsize`` is not active for this command.(''fontsize`` can be used for the <a href="#legend">legend</a> in a <a href="#grid">grid</a>)

         @ use command ''fontcolor``, ''fontfamily`` to adjust font <br />defaults: black,12,Arial<br />note: command ''fontsize`` is not active for this command.(''fontsize`` can be used for the <a href="#legend">legend</a> in a <a href="#grid">grid</a>)

            fprintf(js_include_file,"x_strings[%d] = [\"%s\"];x_strings_up[%d] = null;",use_axis_numbering,temp,use_axis_numbering);

            fprintf(js_include_file,"x_strings[%d] = [\"%s\"];x_strings_up[%d] = null;",use_axis_numbering,temp,use_axis_numbering);

            break;

            break;

        case X_AXIS_STRINGS_UP:

        case X_AXIS_STRINGS_UP:

        /*

        /*

         @ xaxisup num1:string1:num2:string2:num3:string3:num4:string4:....num_n:string_n

         @ xaxisup num1:string1:num2:string2:num3:string3:num4:string4:....num_n:string_n

         @ the text will be rotated 90° up

         @ the text will be rotated 90° up

         @ no need to use keyword <a href="#axisnumbering">axisnumbering</a>

         @ no need to use keyword <a href="#axisnumbering">axisnumbering</a>

         @ use command <a href="#axis">axis</a> to have visual x/y-axis lines (see command <a href="#grid">grid</a>

         @ use command <a href="#axis">axis</a> to have visual x/y-axis lines (see command <a href="#grid">grid</a>

         @ use these x-axis num1...num_n values instead of default xmin...xmax

         @ use these x-axis num1...num_n values instead of default xmin...xmax

         @ use command ''fontcolor``, <a href="#fontfamily">fontfamily</a> to adjust font <br />defaults: black,12,Arial<br />note: command ''fontsize`` is not active for this command.(''fontsize`` can be used for the <a href="#legend">legend</a> in a <a href="#grid">grid</a>)

         @ use command ''fontcolor``, <a href="#fontfamily">fontfamily</a> to adjust font <br />defaults: black,12,Arial<br />note: command ''fontsize`` is not active for this command.(''fontsize`` can be used for the <a href="#legend">legend</a> in a <a href="#grid">grid</a>)

            break;

            break;

        case XRANGE:

        case XRANGE:

        /*

        /*

        @ xrange xmin,xmax

        @ xrange xmin,xmax

        @ if not given: 0,xsize (eg in pixels)

        @ if not given: 0,xsize (eg in pixels)

        */

        */

            for(i = 0 ; i<2; i++){

            for(i = 0 ; i<2; i++){

                switch(i){

                switch(i){

                    case 0: xmin = get_real(infile,0);break;

                    case 0: xmin = get_real(infile,0);break;

        case Y_AXIS_STRINGS:

        case Y_AXIS_STRINGS:

        /*

        /*

         @ yaxis num1:string1:num2:string2:num3:string3:num4:string4:....num_n:string_n

         @ yaxis num1:string1:num2:string2:num3:string3:num4:string4:....num_n:string_n

         @ use command ''fontcolor``, ''fontfamily`` to adjust font <br />defaults: black,12,Arial<br /> note: command ''fontsize`` is not active for this command.(''fontsize`` can be used for the <a href="#legend">legend</a> in a <a href="#grid">grid</a>)

         @ use command ''fontcolor``, ''fontfamily`` to adjust font <br />defaults: black,12,Arial<br /> note: command ''fontsize`` is not active for this command.(''fontsize`` can be used for the <a href="#legend">legend</a> in a <a href="#grid">grid</a>)

         @ no need to use keyword <a href="#axisnumbering">axisnumbering</a>

         @ no need to use keyword <a href="#axisnumbering">axisnumbering</a>

         @ use command <a href="#axis">axis</a> to have visual x/y-axis lines (see command <a href="#grid">grid</a>

         @ use command <a href="#axis">axis</a> to have visual x/y-axis lines (see command <a href="#grid">grid</a>

         @ use these y-axis num1...num_n values instead of default ymin...ymax

         @ use these y-axis num1...num_n values instead of default ymin...ymax

         @ a javascript error message will flag non-matching value:name pairs

         @ a javascript error message will flag non-matching value:name pairs

         break;

         break;

        case YRANGE:

        case YRANGE:

        /*

        /*

        @ yrange ymin,ymax

        @ yrange ymin,ymax

        @ if not given 0,ysize (eg in pixels)

        @ if not given 0,ysize (eg in pixels)

        */

        */

            for(i = 0 ; i<2; i++){

            for(i = 0 ; i<2; i++){

                switch(i){

                switch(i){

                    case 0: ymin = get_real(infile,0);break;

                    case 0: ymin = get_real(infile,0);break;