Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

svg-z-order

1.2.1 • Public • Published

SVG-Z-ORDER

A module to manipulate the Z-Order of a SVG element.

Overview

var svgz = require("svg-z-order");
 
var g = svg.getElementById("foo");
svgz.element(g).toTop();
 
// with D3.js
var d3g = d3.select("#foo");
svgz.element(d3g.node()).toTop();
 

If require is NOT available, use global svgz_element function instead of 'svgz.element' method.

Sample Code

To run the sample above on the WEB, Visit the project page.

APIs

  • svgz.element(domElement) - Creates SVGZElement instance referencing a dom element.
  • SVGZElement.toTop() - Brings up the element to top of the all sibling elements.
  • SVGZElement.toBottom() - Brings down the element to bottom of the all sibling elements.
  • SVGZElement.moveUp(element/n) - Moves up the element to the front of specified target element or n-times.
  • SVGZElement.moveDown(element/n) - Moves down the element to behind of the specified target element or n-times.
  • SVGZElement.moveTo(element/index) - Moves the element to the specified position.

LICENSE

This software is released under the MIT License, see LICENSE

install

npm i svg-z-order

Downloadsweekly downloads

26

version

1.2.1

license

MIT

repository

Gitgithub

last publish

collaborators

  • avatar