|
|
| (8 intermediate revisions by 2 users not shown) |
| Line 5: |
Line 5: |
| </source> | | </source> |
|
| |
|
| Here is the complete list of default values:
| | or more compact |
| | |
| <source lang="javascript"> | | <source lang="javascript"> |
| JXG.Options = { | | JXG.Options = JXG.merge(JXG.Options, { |
| /* Options that are used directly within the board class */
| | showNavigation: false, |
| showCopyright : true,
| | point: { |
| showNavigation : true,
| | face: 'x' |
| takeSizeFromFile : false, // If true, the construction - when read from a file or string - the size of the div can be changed.
| | } |
| renderer: 'svg',
| | }); |
| | | </source> |
| /* grid options */
| |
| grid : {
| |
| /* grid styles */
| |
| hasGrid : false,
| |
| gridX : 2,
| |
| gridY : 2,
| |
| gridColor : '#C0C0C0',
| |
| gridOpacity : '0.5',
| |
| gridDash : true,
| |
| /* snap to grid options */
| |
| snapToGrid : false,
| |
| snapSizeX : 2,
| |
| snapSizeY : 2
| |
| },
| |
| /* zoom options */
| |
| zoom : {
| |
| factor : 1.25
| |
| }, | |
| | |
| /* geometry element options */
| |
| elements : {
| |
| /* color options */
| |
| strokeColor: '#0000ff',
| |
| highlightStrokeColor: '#C3D9FF',
| |
| fillColor: 'none',
| |
| highlightFillColor: 'none',
| |
| | |
| strokeOpacity: 1,
| |
| highlightStrokeOpacity: 1,
| |
| fillOpacity: 1,
| |
| highlightFillOpacity: 1,
| |
| strokeWidth: '2px',
| |
| withLabel: false,
| |
| | |
| /*draft options */
| |
| draft : {
| |
| draft : false,
| |
| color : '#565656',
| |
| opacity : 0.8,
| |
| strokeWidth : '1px'
| |
| }
| |
| },
| |
| | |
| /* special point options */
| |
| point : { | |
| withLabel: true,
| |
| style : 5, // deprecated
| |
| face : 'o', | |
| size : 3,
| |
| fillColor : '#ff0000',
| |
| highlightFillColor : '#EEEEEE',
| |
| strokeWidth: '2px',
| |
| strokeColor : '#ff0000', //'#0000ff',
| |
| highlightStrokeColor : '#C3D9FF',
| |
| zoom: false // Change the point size on zoom
| |
| },
| |
| | |
| /* special line options */
| |
| line : {
| |
| firstArrow : false,
| |
| lastArrow : false,
| |
| straightFirst : true,
| |
| straightLast : true,
| |
| fillColor : '#000000',
| |
| highlightFillColor : 'none',
| |
| strokeColor : '#0000ff',
| |
| highlightStrokeColor : '#888888',
| |
| /* line ticks options */
| |
| ticks : {
| |
| drawLabels : true,
| |
| drawZero : false,
| |
| insertTicks : false,
| |
| minTicksDistance : 50,
| |
| maxTicksDistance : 300,
| |
| minorHeight : 4,
| |
| majorHeight : 10,
| |
| minorTicks : 4,
| |
| defaultDistance : 1
| |
| }
| |
| },
| |
| | |
| /* special axis options */
| |
| axis : {
| |
| strokeColor : '#666666',
| |
| highlightStrokeColor : '#888888'
| |
| }, | |
|
| |
| /*special circle options */
| |
| circle : {
| |
| fillColor : 'none',
| |
| highlightFillColor : 'none',
| |
| strokeColor : '#0000ff',
| |
| highlightStrokeColor : '#C3D9FF'
| |
| },
| |
| | |
| /* special conic options */
| |
| conic : {
| |
| fillColor : 'none',
| |
| highlightFillColor : 'none',
| |
| strokeColor : '#0000ff',
| |
| highlightStrokeColor : '#C3D9FF'
| |
| },
| |
| | |
| /* special angle options */
| |
| angle : {
| |
| withLabel:true,
| |
| radius : 1.0,
| |
| fillColor : '#FF7F00',
| |
| highlightFillColor : '#FF7F00',
| |
| strokeColor : '#FF7F00',
| |
| fillOpacity : 0.3,
| |
| highlightFillOpacity : 0.3
| |
| },
| |
| | |
| /* special arc options */
| |
| arc : {
| |
| firstArrow : false,
| |
| lastArrow : false,
| |
| fillColor : 'none',
| |
| highlightFillColor : 'none',
| |
| strokeColor : '#0000ff',
| |
| highlightStrokeColor : '#C3D9FF'
| |
| },
| |
| | |
| /* special polygon options */
| |
| polygon : {
| |
| fillColor : '#00FF00',
| |
| highlightFillColor : '#00FF00',
| |
| fillOpacity : 0.3,
| |
| highlightFillOpacity : 0.3
| |
| },
| |
| | |
| /* special sector options */
| |
| sector : {
| |
| fillColor: '#00FF00',
| |
| highlightFillColor: '#00FF00',
| |
| fillOpacity: 0.3,
| |
| highlightFillOpacity: 0.3
| |
| },
| |
| | |
| /* special text options */
| |
| text : {
| |
| fontSize : 12,
| |
| strokeColor : '#000000',
| |
| useASCIIMathML : false,
| |
| defaultDisplay : 'html' //'html' or 'internal'
| |
| },
| |
|
| |
|
| /* special curve options */
| | If you have some more options you want to use for more than just one construction you can save them in an extra .js file and include them right after loading JSXGraph. |
| curve : {
| |
| strokeWidth : '1px',
| |
| strokeColor : '#0000ff',
| |
| RDPsmoothing : false, // Apply the Ramen-Douglas-Peuker algorithm
| |
| numberPointsHigh : 1600, // Number of points on curves after mouseUp
| |
| numberPointsLow : 400, // Number of points on curves after mousemove
| |
| doAdvancedPlot : true // Use the algorithm by Gillam and Hohenwarter
| |
| // It is much slower, but the result is better
| |
| },
| |
|
| |
|
| /* precision options */
| | The complete list of default can be seen in the latest version of Options.js which available at |
| precision : {
| | [https://github.com/jsxgraph/jsxgraph/blob/master/src/options.js]. |
| touch : 20,
| |
| mouse : 4,
| |
| epsilon : 0.0001,
| |
| hasPoint : 4
| |
| },
| |
| | |
| // Default ordering of the layers
| |
| layer : {
| |
| numlayers:20, // only important in SVG
| |
| text : 9,
| |
| point : 9,
| |
| arc : 8,
| |
| line : 7,
| |
| circle: 6,
| |
| curve : 5,
| |
| polygon: 4,
| |
| sector: 3,
| |
| angle : 2,
| |
| grid : 1,
| |
| image : 0
| |
| }
| |
| };
| |
| | |
| </source>
| |
