Skip to content

Repository files navigation

Tool that will find the visual center of your images / logos.

visual-center

How it works.

It calculates a visual weight value for every pixel on the image: the square root of the difference between that pixel and the background color. And then the algorithm tries to balance that weight in all directions.

Why the square root? http://spectrum.ieee.org/podcast/biomedical/bionics/does-the-brain-work-logarithmically

Programmatic Usage.

pnpm add visual-center
constgetVisualCenter=require('visual-center')getVisualCenter(<imgSrc>, function(err, result) {/* results in an object with the data as: { visualTop: <Visual center for Y axis, from 0 to 1> visualLeft: <Visual center for X axis, from 0 to 1> bgColor: <The background color that we detected> width: <The width of the image> height: <The height of the image> } */})

License

BSD-3-Clause License

Made by Javier Bórquez. Online since 2016.

About

Tool to better align logos in the center of a container.

Topics

Resources

Stars

1.4k stars

Watchers

23 watching

Forks

Used by

Contributors

Languages