JXG.SVGRenderer

(private) _createArrowHead(el, idAppendixopt) → {Node}

Creates an arrow DOM node. Arrows are displayed in SVG with a marker tag.

Parameters

Returns

Type

Node

Details

Source

renderer/svg.js, line 361

(private) _getValuesOfDOMElements(node) → {Array}

Walk recursively through the DOM subtree of a node and collect all value attributes together with the id of that node. Attention: Only values of nodes having a valid id are taken.

Parameters

Returns

Type

Array

Details

Source

renderer/svg.js, line 2085

_setArrowColor(node, color, opacity, el)

Updates color of an arrow DOM node.

Parameters

Details

Source

renderer/svg.js, line 564

(private) _setAttribute(setFunc, testAttribute)

Call user-defined function to set visual attributes. If "testAttribute" is the empty string, the function is called immediately, otherwise it is called in a timeOut.

This is necessary to realize smooth transitions but avoid transitions when first creating the objects.

Usually, the string in testAttribute is the visPropOld attribute of the values which are set.

Parameters

Details

See

• JXG.SVGRenderer#setObjectFillColor
• JXG.SVGRenderer#setObjectStrokeColor
• JXG.SVGRenderer#_setArrowColor

Source

renderer/svg.js, line 1405

(private) createShadowFilter(id, rgb, opacity, blend, blur, offset)

Create an SVG shadow filter. If the object's RGB color is [r,g,b], it's opacity is op, and the parameter color is given as [r', g', b'] with opacity op' the shadow will have RGB color [blendr + r', blendg + g', blend*b + b'] and the opacity will be equal to op * op'. Further, blur and offset can be adjusted.

The shadow color is [r*ble

Parameters

Returns

Details

Source

renderer/svg.js, line 139

dumpToCanvas(canvasId, w, h, ignoreTexts) → {Promise}

Convert the SVG construction into an HTML canvas image. This works for all SVG supporting browsers. Implemented as Promise.

Might fail if any text element or foreign object element contains SVG. This is the case e.g. for the default fullscreen symbol.

For IE, it is realized as function. It works from version 9, with the exception that HTML texts are ignored on IE. The drawing is done with a delay of 200 ms. Otherwise there would be problems with IE.

Examples

board.renderer.dumpToCanvas('canvas').then(function() { console.log('done'); });

// IE 11 example:
	board.renderer.dumpToCanvas('canvas');
	setTimeout(function() { console.log('done'); }, 400);

Parameters

Returns

Type

Promise

Details

Overrides

JXG.AbstractRenderer#dumpToCanvas

Source

renderer/svg.js, line 2308

dumpToDataURI(ignoreTexts) → {String}

Return a data URI of the SVG code representing the construction. The SVG code of the construction is base64 encoded. The return string starts with "data:image/svg+xml;base64,...".

Example

var A = board.create('point', [2, 2]);

var txt = board.renderer.dumpToDataURI(false);
// txt consists of a string of the form
// data:image/svg+xml;base64,PHN2Zy. base64 encoded SVG..+PC9zdmc+
// Behind the comma, there is the base64 encoded SVG code
// which is decoded with atob().
// The call of decodeURIComponent(escape(...)) is necessary
// to handle unicode strings correctly.
var ar = txt.split(',');
document.getElementById('output').value = decodeURIComponent(escape(atob(ar[1])));

Parameters

Returns

Type

String

Details

Overrides

JXG.AbstractRenderer#dumpToDataURI

Source

renderer/svg.js, line 2200

screenshot(board, imgId, ignoreTexts) → {Object}

Display SVG image in html img-tag which enables easy download for the user.

Support:

• IE: No
• Edge: full
• Firefox: full
• Chrome: full
• Safari: full (No text support in versions prior to 12).

Parameters

Returns

Type

Object

Details

Overrides

JXG.AbstractRenderer#screenshot

Source

renderer/svg.js, line 2393

(private) toStr(str)

Combine arguments to a string, joined by empty string. The container id needs to be escaped, as it may contain URI-unsafe characters

Example

this.toStr('aaa', '_', 'bbb', 'TriangleEnd')
// Output:
// xxx_bbbTriangleEnd

Parameters

Returns

Details

See

• JXG.SVGRenderer#toURL

Source

renderer/svg.js, line 220

(private) toURL(str)

Combine arguments to an URL string of the form url(#...) Masks the container id. Calls JXG.SVGRenderer#toStr.

Example

this.toURL('aaa', '_', 'bbb', 'TriangleEnd')
// Output:
// url(#xxx_bbbTriangleEnd)

Parameters

Returns

Details

See

• JXG.SVGRenderer#toStr

Source

renderer/svg.js, line 243

(private) uniqName(one) → {String}

Create a "unique" string id from the arguments of the function. Concatenate all arguments by "_". "Unique" is achieved by simply prepending the container id. Do not escape the string.

If the id is used in an "url()" call it must be eascaped.

Parameters

Returns

Type

String

Details

Source

renderer/svg.js, line 202

updateClipPathRect(w, h)

Update the filter node which does the clipping of elements (beside HTML texts) outside of the SVG. It is called in procedure resize().

Parameters

Details

See

• JXG.AbstractRenderer#setClipPath

Source

renderer/svg.js, line 293

(private) updateGradientAngle(node, radians)

Set the gradient angle for linear color gradients.

Parameters

Details

Source

renderer/svg.js, line 1911

(private) updateGradientCircle(node, cx, cy, r, fx, fy, fr)

Set circles for radial color gradients.

Parameters

Details

Source

renderer/svg.js, line 1955

(private) updateInternalTextStyle()

Set color and opacity of internal texts.

Details

Overrides

JXG.AbstractRenderer#updateInternalTextStyle

See

• JXG.AbstractRenderer#updateTextStyle
• JXG.AbstractRenderer#updateInternalTextStyle

Source

renderer/svg.js, line 809