Breaking News: Grepper is joining You.com. Read the official announcement!

watermark image in server side in next js

Annoyed Angelfish answered on January 21, 2024 Popularity 2/10 Helpfulness 1/10

answer watermark image in server side in next js

watermark image in server side in next js

Comment

//
// Options with watermark text, if not provided defaults to 'Sample watermark'
//
var watermark = require('image-watermark');
watermark.embedWatermark('\home\user\sample.jpg', {'text' : 'sample watermark'});
 
//
// Options to specify output path
//
var watermark = require('image-watermark');
var options = {
    'text' : 'sample watermark', 
    'dstPath' : '\home\user\documents\watermark.jpg'
};
watermark.embedWatermark('\home\user\sample.jpg', options);
 
//
// Options to specify color of watermark text
//
var watermark = require('image-watermark');
var options = {
    'text' : 'sample watermark', 
    'color' : 'rgb(154, 50, 46)'
};
watermark.embedWatermark('\home\user\sample.jpg', options);
 
// color can be specified in one of the following forms
grey					  #color-name
#f00                      #rgb
#ff0000                   #rrggbb
#ff0000ff                 #rrggbbaa
#ffff00000000             #rrrrggggbbbb
#ffff00000000ffff         #rrrrggggbbbbaaaa
rgb(255, 0, 0)            an integer in the range 0—255 for each component
rgb(100.0%, 0.0%, 0.0%)   a float in the range 0—100% for each component
 
 
//
// Options to specify resize factor i.e. if image needs to be resized
// after adding watermark text
//
var watermark = require('image-watermark');
var options = {
    'text' : 'sample watermark', 
    'resize' : '200%'
};
watermark.embedWatermark('\home\user\sample.jpg', options);
 
 
//
// Options to override same image i.e. if same image needs to
// be overriden after adding watermark, By default is false
//
var watermark = require('image-watermark');
var options = {
    'text' : 'sample watermark', 
    'override-image' : true
};
watermark.embedWatermark('\home\user\sample.jpg', options);
 
// This overrides the same image, if not specified it creates
// output image parallel to this image with name "watermark"
 
//
// Options to change the format of image
//
var watermark = require('image-watermark');
var options = {
    'text' 			: 'sample watermark', 
    'change-format' : true,
    'output-format' : 'bmp'
};
watermark.embedWatermark('\home\user\sample.jpg', options);
 
//
// Options to specify the font of watermark text
//
var watermark = require('image-watermark');
var options = {
    'text' : 'sample watermark', 
    'font' : 'Arial.ttf'
};
watermark.embedWatermark('\home\user\sample.jpg', options);
 
//
// Options to specify the alignment of watermark text
//
var watermark = require('image-watermark');
var options = {
    'text' : 'sample watermark', 
    'align' : 'ltr'
};
watermark.embedWatermark('\home\user\sample.jpg', options);
 
// Various possble values of align are:
 
//
// dia1 : Diagonal 1
// dia2 : Diagonal 2
// ttb : top to bottom
// btt : bottom to top
// ltr : left to right
// rtl : right to left
//
 
// If an invalid value is specified or in case no value
// is specified then 'dial1' is treated as default alignment

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: www.npmjs.com

Tags: image javascript next server-side watermark

Link to this answer
Share Copy Link

Contributed on Jan 21 2024

Annoyed Angelfish

0 Answers Avg Quality 2/10

watermark image in server side in next js

Contents

More Related Answers

watermark image in server side in next js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.