Tool to better align logos in the center of a container.
Tool to better align logos in the center of a container.
Tool that will find the visual center of your images / logos.
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
pnpm add visual-center
const getVisualCenter = require('visual-center')
getVisualCenter(, 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>
}
*/
})
BSD-3-Clause License
Made by Javier Bórquez. Online since 2016.