Transformers.js

What is Transformers.js ?

Transformers.js is a JavaScript library designed to overlay a logo on an image. It provides a straightforward way to transpose a logo onto an image, allowing for custom positioning and styling. The library is particularly useful for applications requiring branding or watermarking images with logos or text.

Features

• Supports multiple image formats including PNG, JPG, and more
• Allows custom positioning of the logo (e.g., top-left, bottom-right)
• Enables adjustment of logo size relative to the image
• Provides transparency control for seamless integration
• Offers flexible styling options for the logo
• Compatible with Node.js and browser environments

How to use Transformers.js ?

1. Install the library: Run npm install transformers.js in your project directory
2. Import the module: Use const Transformers = require('transformers.js'); or import via ES6
3. Create a transformer instance: const transformer = new Transformers.LogoTransformer(inputImage);
4. Add the logo: Call transformer.addLogo(logoPath, position, size, opacity)
5. Generate the output: Use transformer.write(outputPath) to save the final image

Frequently Asked Questions

What image formats does Transformers.js support?
Transformers.js supports PNG, JPG, and WebP formats for both input and output images.

Can I adjust the logo's transparency?
Yes, the library allows you to set the opacity of the logo during the overlay process, enabling semi-transparent or fully opaque logos.

How do I handle multiple logos on a single image?
You can call the addLogo method multiple times with different parameters to add multiple logos to the image, each with its own position and style.