v3.5.2

fix: Correct tui-image-editor exporting type in index.d.ts.

v3.5.0

Bug fix

• #127 - fix: Initialize UI defaultIcons without initial selected menu option. (fix #115)
• #128 - fix: Ensure reject on loadImage failed (fix #116)
• #139 - fix: Modify title of filter subMenu name "Grayscale" (fix #138)
• #145 - fix: Change loadButton tag to div (fix #137)
• #146 - fix: Add shape on mouseClick without mouseMove (fix #144)
• #148 - fix: Change 'tui-image-editor' export type to default export (fix #142)
• #149 - fix: Do not fire "changeShow" event when ColorPicker's color not changed (fix #131)

v3.4.0

Added

• Added declaration file(./index.d.ts) for Typescript support.
• Added Localization feature includeUi.locale
  • Detail manual

var locale_ru_RU = { // override default English locale to your custom
    'Crop': 'Обзрезать', // as result default English inscription will be translated into Russian
    'Delete-all': 'Удалить всё'
    // etc...
};
// Image editor
var instance = new ImageEditor(document.querySelector('#tui-image-editor'), {
     includeUI: {
         ...
         locale: locale_ru_RU, // key-value object with localization
         ...
     },
     ...
});

v3.3.0

New

• Adds crop selection presets (square, 3:2, 4:3, 5:4, 7:5, 16:9)

Fixed

• Fixed cropzone remaining after image cropping was canceled.

v3.2.2

Fixed

• Fixed a bug where the image load button function does not work properly when the default image is not registered.

Changed

• Improved ga hostname collection method. (From tui-code-snippet version v1.4.0)

v3.2.1

Changed

• Improved the design details of the includeUI.
  • Changed the fine spacing and color of icons, checkboxes, and text in menu and submenu.

Fix

• Fixed JavaScript error after adding custom icon.
• Fixed a bug where the backspace key does not work when editing text elements.

v3.2.0

New

• Added includeUI option
  • includeUI option - The default UI provided by the image editor is now available.
    • includeUI.loadImage - Can specify a default target image.
    • includeUI.menu - Of the nine editing functions, only the desired functions can be included in the UI.
    • includeUI.initMenu - Can specify the menu to be used when starting up.
    • includeUI.menuBarPosition - Can set the menu bar position of the UI.
    • includeUI.theme - Can apply or customize the default theme included in the example.

var blackTheme = require('./js/theme/black-theme.js');
var instance = new ImageEditor(document.querySelector('#tui-image-editor'), {
     includeUI: {
         loadImage: {
             path: 'img/sampleImage.jpg',
             name: 'SampleImage'
         },
         theme: blackTheme, // or whiteTheme
         menu: ['crop', 'flip', 'rotate', 'draw', 'shape', 'icon', 'text', 'mask', 'filter'],
         initMenu: 'filter',
         menuBarPosition: 'bottom'
     },
     ...
});

• Added Theme
  • Provides white and black theme with basic design.
  • Themes can be created and modified for customization.

properties	description
'common.bi.image'	Brand icon image
'common.bisize.width'	Icon image width
'common.bisize.height'	Icon Image Height
'common.backgroundImage'	Background image
'common.backgroundColor'	Background color
'common.border'	Full area border style
'header.backgroundImage'	header area background
'header.backgroundColor'	header area background color
'header.border'	header area border style
'loadButton.backgroundColor'	load button background color
'loadButton.border'	load button border style
'loadButton.color'	load button foreground color
'loadButton.fontFamily'	load button font type
'loadButton.fontSize'	load button font size
'downloadButton.backgroundColor'	download button background color
'downloadButton.border'	download button border style
'downloadButton.color'	download button foreground color
'downloadButton.fontFamily'	download button font type
'downloadButton.fontSize'	download button font size
'menu.normalIcon.path'	Menu default icon svg bundle file path
'menu.normalIcon.name'	Menu default icon svg bundle name
'menu.activeIcon.path'	Menu active icon svg bundle file path
'menu.activeIcon.name'	Menu active icon svg bundle name
'menu.iconSize.width'	Menu icon Size Width
'menu.iconSize.height'	Menu Icon Size Height
'submenu.backgroundColor'	Sub-menu area background color
'submenu.partition.color'	Submenu partition line color
'submenu.normalIcon.path'	Submenu default icon svg bundle file path
'submenu.normalIcon.name'	Submenu default icon svg bundle name
'submenu.activeIcon.path'	Submenu active icon svg bundle file path
'submenu.activeIcon.name'	Submenu active icon svg bundle name
'submenu.iconSize.width'	Submenu icon Size Width
'submenu.iconSize.height'	Submenu Icon Size Height
'submenu.normalLabel.color'	Submenu default label color
'submenu.normalLabel.fontWeight'	Sub Menu Default Label Font Thickness
'submenu.activeLabel.color'	Submenu active label color
'submenu.activeLabel.fontWeight'	Submenu active label Font thickness
'checkbox.border'	Checkbox border style
'checkbox.backgroundColor'	Checkbox background color
'range.pointer.color'	range control pointer color
'range.bar.color'	range control bar color
'range.subbar.color'	range control subbar color
'range.value.color'	range number box font color
'range.value.fontWeight'	range number box font thickness
'range.value.fontSize'	range number box font size
'range.value.border'	range number box border style
'range.value.backgroundColor'	range number box background color
'range.title.color'	range title font color
'range.title.fontWeight'	range title font weight
'colorpicker.button.border'	colorpicker button border style
'colorpicker.title.color'	colorpicker button title font color

v3.1.0

Features

• 07f826b Feature: send hostname

Documentation

• 3ceb81e Docs: change file link and edit title of examples
• 6f1c685 Docs: update year of license
• 7f8ce91 Docs: update link of example on README file
• 2c37314 Docs: add install via CDN guide

3.0.2

Fix

• #22 update coords after changing properties with setObjectPosition, setObjectProperties.

3.0.1

Fix

• Use fabric.require.js module instead fabric.js
  Supports UMD