• You MUST read the Babiato Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.

    Our resources on Babiato Forum are CLEAN and SAFE. So you can use them for development and testing purposes. If your are on Windows and have an antivirus that alerts you about a possible infection: Know it's a false positive because all scripts are double checked by our experts. We advise you to add Babiato to trusted sites/sources or disable your antivirus momentarily while downloading a resource. "Enjoy your presence on Babiato"

Pixie - Image Editor

Pixie - Image Editor 3.0.4

No permission to download

2023 May 18 - Version 3.0.4​

  • new: added eraser brush
  • new: added a button to expand/collapse overlay controls
  • new: it's now possible to paste copied image directly into pixie via ctrl+v shortcut
  • new: added addImageFromData method to add image using base64 data
  • new: added tools.text.controlsPadding option to override gap size between text and control box
  • new: added an option to prevent image added via import tool from being auto selected in editor
  • new: added "addImageFromUrl" method for opening image from remote or local url
  • new: state exporting/import will now load the full history for current editor
  • refactor: "pixie.open" method will now work identically to "pixie.resetEditor" if new configuration is specified
  • fix: corner tool default will now use percentages instead of pixels
  • fix: don't auto position text with "text.add" method if custom position is provided
  • fix: text preventing filters from being applied
  • fix: 'onOpen' callback and 'defaultTool' option not working when using 'resetEditor'
  • fix: sticker sometimes losing color after dragging
  • fix: don't open sticker panel when selecting custom image in editor
  • fix: prevent sticker from losing color after loading editor state
  • fix: some translation issues

2022 October 03 - Version 3.0.3​

Enhancements​

  • Added "Open image" and "Objects" button to example configuration.
  • Straight line can now be drawn in draw tool by pressing shiftKey
  • Menubar button style can now be changed to "flat", "outline", "raised" or "text" via "buttonVariant" option.
  • Menubar button color can now be changed to "primary", "danger", "paper" or "chip" via "buttonColor" option.
  • Menubar items can now be sorted by using "position" option.

Bug Fixes​

  • Fixed some issues with custom menubar item alignment.
  • Menubar items without icon will now display properly.
  • Fixed an issue where draw tool would not work properly when opening it with an object selected.
  • Toggling history or object panel will now close other open panels.

2022 March 08 - Version 3.0.2​

Enhancements​

  • Icons in navbar and menubar now accept url, svg path or react component.
  • Overlays and dialogs inside pixie will now have improved positioning.

Bug Fixes​

  • Background color picker in new image dialog will now toggle correctly.
  • Pixie styling will no longer conflict with bootstrap or styling.

2022 February 22 - Version 3.0.1​

Bug Fixes​

  • Initializing via "new Pixie" will work correctly again, same as on pre-3.0.0 versions.
  • Add default width and height to rectangle shape.

2022 February 17 - Version 3.0.0​

Breaking Changes​

  • Merged pixie .css file into main bundle, it does not need to be imported separately anymore.
  • Renamed UMD bundle from "scripts.min.js" to "pixie.umd.js"
  • Removed "open", "save" and objects panel toggle buttons from default menubar configuration. These can be re-added via custom configuration, if needed.
  • Renamed "defaultTheme" option to "activeTheme". Theme color configuration changed. See docs for more details.
  • "activeLanguage" and "languages" are now two separate options.
  • Replaced google font picker and category selector with flat font list. All fonts (custom ones and google) now need to be specified via configuration.
  • "Transform" and "Crop" tools have been merged.
  • Removed "Background color" navigation item. Background can now be selected when creating a new canvas.
  • "image" option does not accept html image element anymore, only image/state url or raw data string.
  • Removed "width" and "height" options. Pixie will inherit the size of the containing element.
  • Removed "compact" and "ignoreMobileKeyboard" options.
  • Merged "name" and "displayName" option for nav items, and removed "type" option. Nav item "icon" option will now accept react component as well.
  • Renamed "toolbar" option to "menubar". Merged "leftItems", "centerItems" and "rightItems" into "items" option. There's an "align" option for menu item now instead.
  • Renamed "crop.hideCustomControls" to "crop.allowCustomRatio".
  • Removed "ui.zoom.disableMinimumZoom" option.
  • Renamed "objectDefault.basicShape" to "objectDefaults.shape".

New Features​

  • Fully rewritten pixie in React. This results in many improvements from previous version, including better performance, bundle size reduction by nearly 2x (with bigger reduction in future updates), better animations and many bugfixes.
  • Fully redesigned the interface. It's now more neutral and will fit better into existing designs, even without changes to the theme.
  • New design is also more responsive and will work better on mobile, tablet and other screen sizes.
  • Pixie can now be imported into existing apps as an ES module.
  • Love
Reactions: Babak
Decryption Key:

2020 June 10 - Version 2.2.2​


New Features​


  • Toolbar items can now be fully overwritten via configuration.
  • Loading indicator will now be shown while image or state is loading.

Enhancements​


  • Minimum zoom can now be disabled via "tools.zoom.disableMinimumZoom" option.
  • Minimum and maximum zoom will now be set more accurately for initial image.
  • Default brush sizes can now be overwritten.
  • Shapes will now have more descriptive names in objects panel (for example "arrow" instead of "shape").
  • Use "tools.import.validExtensions" in browser file upload dialog.
  • History items after current pointer will now be discarded when adding new history items.
  • Large image will no longer flicker in full size when opening pixie via button click.
  • Canvas, overlay and main image, objects and history panels will now animate when being opened/closed.
  • Custom action can now be specified for when user clicks on sample image.

Bug Fixes​


  • Editor keybinds will no longer be registered multiple times
  • Fixed a few issues with translations.
  • Overlay mode will now work properly in safari browser.
  • Loading state in "onLoad" callback will now work properly.
  • Sample image dialog window will now properly open again after calling "pixie.resetEditor".
  • Specified theme colors will now override defaults properly.
  • Hide sample images row and separator if no sample images are provided.
  • Fixed an issue where floating object controls would not show on some screen sizes.
  • Prevent editor flicker on page load when visibility is set to hidden.
  • Fixed a few issues with drawing brushes.
  • Setting "crop.defaultRatio" as null will now correctly make cropzone fully resizable.
  • Make css selectors more specific to avoid collision with other libraries.
  • Fixed an issue where text was sometimes not selectable after importing pixie state.
  • Several other smaller bug fixes.
AdBlock Detected

We get it, advertisements are annoying!

However in order to keep our huge array of resources free of charge we need to generate income from ads so to use the site you will need to turn off your adblocker.

If you'd like to have an ad free experience you can become a Babiato Lover by donating as little as $5 per month. Click on the Donate menu tab for more info.

I've Disabled AdBlock