clearSvgTransforms function

Empties the transform list of an SVG element: it is drawn without any transform.

import { clearSvgTransforms } from 'utils';

Signature

export function clearSvgTransforms(element: SVGGraphicsElement): void

Parameters

Name	Description
element	The SVG element.

Example

clearSvgTransforms(symbol);

Tests

Line coverage: 100 %.

• ✅ empties the transform list

Source

src/svg-transform/clear-svg-transforms.ts (on GitHub)

Source code

/**
 * Empties the `transform` list of an SVG element: it is drawn without any transform.
 *
 * @param element - The SVG element.
 * @example
 * clearSvgTransforms(symbol);
 */
export function clearSvgTransforms(element: SVGGraphicsElement): void {
  element.transform.baseVal.clear();
}

Test file

import { clearSvgTransforms } from './clear-svg-transforms';
import { renderSvg } from './testing';

describe(clearSvgTransforms, () => {
  it('empties the transform list', () => {
    const byId = renderSvg('<rect id="symbol" transform="translate(5 5) rotate(30)" width="10" height="10" />');
    clearSvgTransforms(byId('symbol'));
    expect(byId('symbol').transform.baseVal.numberOfItems).toBe(0);
  });
});

Keywords: clear, svg, transforms, svg transforms, function