npmpackage.info

Gathering detailed insights and metrics for svg-path-sdf

Other packages similar to svg-path-sdf

webgl-sdf-generator

1.1.1

WebGL-accelerated signed distance field generation for 2D paths

bitmap-sdf

1.0.4

Calculate SDF for image/bw-data/array

font-atlas

2.1.0

Populate a <canvas> element with a font texture atlas

@mapbox/tiny-sdf

2.0.6

Browser-side SDF font generator

Gathering detailed insights and metrics for svg-path-sdf

svg-path-sdf

Generate signed distance bitmap for an svg path

1.1.3

JavaScript

4.37 kB

34,557,309 2.6

Installations

npm install svg-path-sdf

Pull Requests

Open

0

Total

1

Closed

0

Merged

1

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Developer

dy

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

8.11.1

NPM Version

6.4.1 Statistics

54 Stars

17 Commits

6 Forks

4 Watching

1 Branches

2 Contributors

Updated on 06 Nov 2024

Bundle Size

9.90 kB

Minified

4.37 kB

Minified + Gzipped

Bundlephobia

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

34,557,309

Last day

-2.8%

35,418

Compared to previous day

Last week

-1%

183,479

Compared to previous week

Last month

2.2%

795,210

Compared to previous month

Last year

16.6%

9,522,156

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

bitmap-sdf draw-svg-path is-svg-path parse-svg-path svg-path-bounds

Dev Dependencies

bubleify enable-mobile insert-styles round-to

Versions

svg-path-sdf

Create signed distance field for an svg path data.

svg-path-sdf

Usage

1let pathSdf = require('svg-path-sdf')
2
3let arr = pathSdf('M40,0A40,40 0 1,1 0,-40A40,40 0 0,1 40,0Z', {
4	width: 200,
5	height: 200
6})

arr has 200×200 elements with value from 0..1 range, corresponding to distance. The path is drawn at the center of the sdf fitting to the minimum side.

distances = pathSdf(path, options|shape?)

Option	Meaning
`width`,`w`, `height`,`h` or `shape`	Output sdf size in px, defaults to `200×200`.
`cutoff`, `radius`	SDF parameters for bitmap-sdf, by default detected from shape to fit min side.
`viewBox`	View box for the path data. If not defined, it is detected as path bounds via svg-path-bounds.
`stroke`	Whether to stroke shape. Positive number will stroke outside the amount of pixels, negative number will stroke inside, `0`-ish will disable stroke.

License

Development supported by plot.ly.

🕉

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

2.6

/10

Last Scanned on 2024-11-25

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More