Fxsvg NPM | npm.io

FxSVG

Functional SVG Handling Library

Installation

FxSVG use the ECMAScript Module system.

There are two type packages provided.

ECMAScript Module
bundle file for using in browser environment

ECMAScript Module

npm install fxsvg

import { $$createSVGTransformTranslate } from "fxsvg";
import FxSVG from "fxsvg";

const $el = document.querySelector("svg rect");
const transform = $$createSVGTransformTranslate({ tx: 10, ty: 20 });
FxSVG.getBaseTransformList($el).initialize(transform);

In a Browser

FxSVG supports only modern browsers that follow the ECMAScript 6+ spec and SVG 1.1+ spec.

FxSVG uses $$ property of window object as a namespace for itself.

npm install fxsvg

<script src="path/to/node_modules/fxsvg/dist/fxsvg.js"></script>

const { $$el } = $$;

const $rect = $$el(`<rect x="10" y="10" width="100" height="100"></rect>`);
const { controller } = $$.controlTranslateTransform()($rect);
controller.append({ tx: 10 }).append({ ty: 10 }).end();