Pixie - Image Editor 3.0.3

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.

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.