Functional SVG Handling Library
FxSVG use the ECMAScript Module system.
There are two type packages provided.
- ECMAScript Module
- bundle file for using in browser environment
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);
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();
FxSVG always welcome all the developers who want to join in. Please following the guide when you contribute.