Skip to content

@junghwan-park junghwan-park released this Mar 20, 2019 · 15 commits to master since this release

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

Assets 2

@junghwan-park junghwan-park released this Feb 15, 2019 · 22 commits to master since this release

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)
Assets 2

@jinwoo-kim-nhn jinwoo-kim-nhn released this Jan 11, 2019 · 33 commits to master since this release

Added

  • Added declaration file(./index.d.ts) for Typescript support.
  • Added Localization feature includeUi.locale
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
         ...
     },
     ...
});
Assets 2

@jinwoo-kim-nhn jinwoo-kim-nhn released this Dec 7, 2018 · 48 commits to master since this release

New

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

2018-12-07 12 55 15

Fixed

  • Fixed cropzone remaining after image cropping was canceled.
Assets 2

@jinwoo-kim-nhn jinwoo-kim-nhn released this Oct 23, 2018 · 53 commits to master since this release

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)
Assets 2

@jinwoo-kim-nhn jinwoo-kim-nhn released this Oct 4, 2018 · 59 commits to master since this release

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.
Assets 2

@jinwoo-kim-nhn jinwoo-kim-nhn released this Jul 12, 2018 · 77 commits to master since this release

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
Assets 2

@kyuwoo-choi kyuwoo-choi released this Apr 13, 2018 · 241 commits to master since this release

Features

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
Assets 2

@dongsik-yoo dongsik-yoo released this Sep 13, 2017 · 255 commits to master since this release

Fix

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

@dongsik-yoo dongsik-yoo released this Aug 31, 2017 · 256 commits to master since this release

Fix

  • Use fabric.require.js module instead fabric.js
    Supports UMD
Assets 2
You can’t perform that action at this time.