Skip to content

Crop Image - Image Editor

Built-in image cropping with zoom, rotation, and format options.

jsx
openPopup('crop_image', {
  requireAction: false,
  data: {
    image: fileOrUrl, // File object or URL/base64 string
    format: 'circle', // 'circle' or 'square'
    aspectRatio: '1:1', // Format: "width:height"
    onCrop: (result) => {
      console.log('Blob:', result.blob);
      console.log('Base64:', result.base64);
      console.log('File:', result.file);
    }
  }
});

Props (data):

PropertyTypeDefaultDescription
imageFile | string-Image file or URL/base64
format'circle' | 'square''circle'Crop format
aspectRatiostring"1:1"Aspect ratio (e.g., "16:9", "4:3")
minZoomnumber1Minimum zoom level
maxZoomnumber4Maximum zoom level
onCropFunction-Callback with { blob, base64, file }

💡 Tip: requireAction: true automatically removes the cancel button.