Press "Enter" to skip to content

Fill Image Watermark Coding Tool | sfz

sfz is a tool specially used to encode sensitive documents such as ID cards, completely based on the browser’s local API, without any network request. This JavaScript-based online watermarking tool enables you to fill in images with a diagonal text watermark.

how to add watermark in jpeg image, watermark online, repeating watermark generator, watermark free download, visual watermark

How to make use of it:

1. Build the HTML for the watermark tool.

<label for="image">1. Select An Image</label>
<input type="file" id="image" autocomplete="off">

<label for="text">2. Watermark Text</label>
<input type="text" id="text" placeholder=" " autocomplete="off" maxlength="30">

<label for="color">Text Color</label>
<input type="color" id="color" pattern="#[0-9A-Fa-f]{6}" autocomplete="off" value="#0000FF">

<label for="alpha">Opacity</label>
<input type="range" id="alpha" min="0" max="1" step="0.05" autocomplete="off" value="0.15">

<label for="space">Gap</label>
<input type="range" id="space" min="1" max="8" step="0.2" autocomplete="off" value="4">

<label for="size">Font Size</label>
<input type="range" id="size" min="0.5" max="3" step="0.05" autocomplete="off" value="1">

<label for="text">3. Click the Image To Download</label>
<p id="graph"></p>

2. Load the required JavaScript within the doc.

<script src="./build/script.js"></script>

Fill Image With Diagonal Text Watermark Plugin/Github, convert image to watermark online free


See Demo And Download

Official Website(joyqi): Click Here

This superior jQuery/javascript plugin is developed by joyqi. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *