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

    balance-svg-pathspublic

    balance-svg-paths

    Make two paths equivalent in terms of structure while respecting their original shapes. So they can be easily tweened and animated. Currently its a pretty half-ass implementation. See test/cases.js for an analysis.

    Installation

    With your favorite package manager:

    • packin: packin add balance-svg-paths
    • component: component install jkroso/balance-svg-paths
    • npm: npm install balance-svg-paths

    then in your app:

    var balance = require('balance-svg-paths')

    API

    balance(a, b)

    Define a and b using the same number of path segments while preserving their shapes. Where both a and b are normalized paths. It returns an Array containing the balanced paths in the same order they were input.

    var a = [['c',0,0,50,0,50,0], ['c',0,0,0,50,0,50]]
    var b = [['c',5,5,45,5,50,0]]
    balance(a, b) // => [a, b.concat([['c',0,0,0,0,0,0]])]

    Keywords

    none

    install

    npm i balance-svg-paths

    Downloadsweekly downloads

    3

    version

    0.1.0

    license

    none

    last publish

    collaborators

    • avatar