Image Merge logo

Image Merge

Published July 2023
   •    Updated this month

Plugin details

Watermark, Image Overlay, & QR Code Utility
Image Merge utilizes the HTML5 Canvas API to draw images dynamically.  Serve dynamically merged or "watermarked" images to your users without modifying the source images in your file system.  This light and simple tool references the watermark.js, compress.js and QRious.js libraries.

Unlike most watermark utilities Image Merge maintains the image alpha channel (opacity) allowing you to work with transparent PNG images with creative results.

Image Merge includes a very lightweight QR code generation tool based on the Canvas API, allowing you to control foreground and background color and opacity, as well as logo watermarks!

$12

One time  •  Or  $2/mo

stars   •   0 ratings
50 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Dare Fusion logo
Dare Fusion
Joined 2020   •   2 Plugins
View contributor profile

Instructions

Place the Image Merge element in any location on your page.  (The plugin will also work if hidden.)  Trigger a workflow and add one of the Image Merge actions to your workflow.
To react to a completed Image Merge add one of the Image Merge workflows for when a Save, Blob, or Bubble URL has completed.  That's it!

###
Tip: The merge workflows create a data URL for a BLOB object that can be displayed immediately on your page, but only persists in the current browser session.  

To store the image in your Bubble Filesystem, select the "Save to Bubble" option or run the "SAVE ImageMerge" workflow action after the merge completes.  To ensure that the merge action has completed use the "Image Merge Blob URL Success" event or "When Blob URL is not empty" condition as a workflow event trigger.

The "Image Merge Saved" event will be triggered after successful upload.
###

Forum Post: https://forum.bubble.io/t/new-plugin-image-merge-watermark-crop-overlay-qr-utility/272209

Editor: https://bubble.io/page?type=page&name=index&id=image-merge-demo&tab=tabs-1

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Media   •   Productivity   •   Image   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble