bitmap-sdf

WebJar for bitmap-sdf

License	MIT
GroupId	org.webjars.npm
ArtifactId	bitmap-sdf
Last Version	1.0.3
Release Date	Mar 5, 2018
Type	jar
Description	bitmap-sdf WebJar for bitmap-sdf
Project URL	http://webjars.org
Source Code Management	https://github.com/dfcreative/bitmap-sdf

Download bitmap-sdf

Filename	Size
bitmap-sdf-1.0.3.pom
bitmap-sdf-1.0.3.jar	14 KB
bitmap-sdf-1.0.3-sources.jar	22 bytes
bitmap-sdf-1.0.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/bitmap-sdf/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>bitmap-sdf</artifactId>
    <version>1.0.3</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/bitmap-sdf/
implementation 'org.webjars.npm:bitmap-sdf:1.0.3'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/bitmap-sdf/
implementation ("org.webjars.npm:bitmap-sdf:1.0.3")

Apache Buildr

'org.webjars.npm:bitmap-sdf:jar:1.0.3'

Apache Ivy

<dependency org="org.webjars.npm" name="bitmap-sdf" rev="1.0.3">
  <artifact name="bitmap-sdf" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='bitmap-sdf', version='1.0.3')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "bitmap-sdf" % "1.0.3"

Leiningen

[org.webjars.npm/bitmap-sdf "1.0.3"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.npm : clamp	jar	[1.0.1,2)

Project Modules

There are no modules declared in this project.

bitmap-sdf

Calculate signed distance field for an image / bw-data. Fork of tiny-sdf with reduced API.

Demo

Usage

let calcSdf = requrie('bitmap-sdf')

//draw image
let canvas = document.body.appendChild(document.createElement('canvas'))
let w = canvas.width = 200, h = canvas.height = 200
let ctx = canvas.getContext('2d')
ctx.fillStyle = 'white'
ctx.font = 'bold 30px sans-serif'
ctx.fillText('X', 20, 20)

//calculate distances
let distances = calcSdf(canvas)

//show distances
let imgArr = new Uint8ClampedArray(w*h*4)
for (let i = 0; i < w; i++) {
	for (let j = 0; j < h; j++) {
		imgArr[j*w*4 + i*4 + 0] = arr[j*w+i]*255
		imgArr[j*w*4 + i*4 + 1] = arr[j*w+i]*255
		imgArr[j*w*4 + i*4 + 2] = arr[j*w+i]*255
		imgArr[j*w*4 + i*4 + 3] = 255
	}
}
var data = new ImageData(imgArr, w, h)
ctx.putImageData(data, 0, 0)

dist = calcSdf(source, options?)

Calculate distance field for the input source data, based on options. Returns 1-channel array with distance values from 0..1 range.

Source:

Type	Meaning
Canvas, Context2D	Calculates sdf for the full canvas image data based on options.channel, by default 0, ie. red channel.
ImageData	Calculates sdf for the image data based on options.channel
Uint8ClampedArray, Uint8Array	Handles raw pixel data, requires options.width and options.height. Stride is detected from width and height.
Float32Array, Array	Handles raw numbers from 0..1 range, requires options.width and options.height. Stride is detected from width and height.

Options:

Property	Default	Meaning
cutoff	0.25	Cutoff parameter, balance between SDF inside 1 and outside 0 of glyph
radius	10	Max length of SDF, ie. the size of SDF around the cutoff
width	canvas.width	Width of input data, if array
height	canvas.height	Height of input data, if array
channel	0	Channel number, 0 is red, 1 is green, 2 is blue, 3 is alpha.
stride	null	Explicitly indicate number of channels per pixel. Not needed if height and width are provided.

See also

• font-atlas-sdf − generate sdf atlas for a font.
• tiny-sdf − fast glyph signed distance field generation.
• optical-properties − glyph optical center and bounding box calculation

License

(c) 2017 Dima Yv. MIT License

Development supported by plot.ly.

Versions

Version
1.0.3 Mar 5, 2018