Guide: How to use the Multipoint Gradient Image Generator
Set canvas size: You can set the canvas width and height using the input fields labeled "Width" and "Height". After setting the desired size, click the "Update Size" button to apply the changes.
Set padding: Adjust the padding around the canvas using the input field labeled "Padding". Click the "Update Padding" button to apply the changes.
Add points: Add a point to the canvas by entering the X and Y coordinates, weight, and color for the new point. Click the "Add Point" button to create the point.
Select and edit points: Click on a point on the canvas to select it. You can edit the selected point's X and Y coordinates, weight, and color using the input fields that become active upon selection.
Drag and drop points: Click and hold on a point to drag it around the canvas. Release the mouse button to drop the point at the desired location. The X and Y coordinates will update accordingly.
Remove points: With a point selected, click the "Remove Selected Point" button to remove the point from the canvas. To clear all points from the canvas at once, click the "Clear All Points" button.
Generate gradient image: Click the "Generate Image" button to create a gradient image based on the points added to the canvas.
Download or get the Base64-encoded image: After generating the gradient image, click the "Download PNG" button to download the image as a PNG file, or click the "Get Base64" button to display the Base64-encoded image string in a prompt.
Export and import points: To export the current points as a JSON file, click the "Export Points" button. To import points from a JSON file, click the "Import Points" button and select the file from your computer.