Visual Center Save

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

Project README

Visual Center

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


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?

Programmatic Usage.

npm install visual-center --save
const getVisualCenter = 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>


BSD-3-Clause License

Open Source Agenda is not affiliated with "Visual Center" Project. README Source: javierbyte/visual-center
Open Issues
Last Commit
8 months ago

Open Source Agenda Badge

Open Source Agenda Rating