Due to a ransomware attack, the wiki was reverted to a July 2022 version. . We apologize for the lack of a more recent valid backup.
SvgUtilService - SVG Utility Service
SvgUtilService is an Angular Factory in the SVG module with the name svgUtil.js. It provides an API to manipulate SVG elements in Javascript. To use this API, see the documentation on injecting Angular services.
API Functions
| Name | Summary |
|---|---|
createDragBehavior | |
loadGlowDefs | |
cat7 | |
translate | Returns a string representing translation in SVG transform attribute syntax. |
scale | Returns a string representing scaling in SVG transform attribute syntax. |
skewX | Returns a string representing skewing in the X direction in SVG transform attribute syntax. |
rotate | Returns a string representing rotation in SVG transform attribute syntax. |
stripPx | Returns the string given but without 'px' on the end. |
safeId | |
visible | Toggle an element's visibility or query an element's visibility. |
Function Descriptions
createDragBehavior
loadGlowDefs
cat7
translate
Returns a string representing translation in SVG transform attribute syntax.
| Example Usage | Arguments | Return Value |
|---|---|---|
sus.translate(x, y); |
String or number representing the x translation amount or An array of length 2 with x[0] as the x translation amount and x[1] as the y translation amount
String or number representing the y translation amount or
| string representing the translation amount given that can be used in the SVG transform attribute Ex: 'translate(2,3)' |
scale
Returns a string representing scaling in SVG transform attribute syntax.
| Example Usage | Arguments | Return Value |
|---|---|---|
sus.scale(x, y); |
| string representing the scale amount given that can be used in the SVG transform attribute Ex: 'scale(2,3)' |
skewX
Returns a string representing skewing in the X direction in SVG transform attribute syntax.
| Example Usage | Arguments | Return Value |
|---|---|---|
| sus.skewX(x); | x: String or number representing the skewX amount | string representing the skewX amount given that can be used in the SVG transform attribute Ex: 'skewX(2)' |
rotate
Returns a string representing rotation in SVG transform attribute syntax.
| Example Usage | Arguments | Return Value |
|---|---|---|
sus.rotate(deg); | deg: String or number representing the rotation amount in degrees | string representing the rotate amount given that can be used in the SVG transform attribute Ex: 'rotate(90)' |
stripPx
Returns the string given but without 'px' on the end. Usually this is a measurement in pixels.
| Example Usage | Arguments | Return Value |
|---|---|---|
sus.stripPx(s); | s: String ending with 'px' | s without 'px' at the end |
safeId
visible
Toggle an element's visibility or query an element's visibility.
This function is both setter and getter.
| Example Usage | Arguments | Return Value |
|---|---|---|
sus.isVisible(el, b); |
| if if |