MCPcopy
hub / github.com/nhn/tui.image-editor

github.com/nhn/tui.image-editor @v3.15.3 sqlite

repository ↗ · DeepWiki ↗ · release v3.15.3 ↗
1,077 symbols 2,912 edges 153 files 748 documented · 69%
README

Toast UI ImageEditor

Full featured image editor using HTML5 Canvas. It's easy to use and provides powerful filters.

github version npm version license PRs welcome code with hearth by NHN Cloud lerna

📦 Packages

6 -20-2018 17-45-54

🚩 Table of Contents

🌏 Browser Support

Chrome Chrome IE Internet Explorer Edge Edge Safari Safari Firefox Firefox
Yes 10+ Yes Yes Yes

💪 Has full features that stick to the basic.

Photo manipulation

  • Crop, Flip, Rotation, Drawing, Shape, Icon, Text, Mask Filter, Image Filter

Integration function

  • Download, Image Load, Undo, Redo, Reset, Delete Object(Shape, Line, Mask Image...)
Crop Flip Rotation Drawing Shape
2018-06-04 4 33 16 2018-06-04 4 40 06 2018-06-04 4 43 02 2018-06-04 4 47 40 2018-06-04 4 51 45
Icon Text Mask Filter
2018-06-05 2 06 29 2018-06-05 2 14 36 2018-06-05 2 20 46 2018-06-05 2 27 10

Powerful filter function

  • Grayscale, Invert, Sepia, Blur Sharpen, Emboss, RemoveWhite, Brightness, Noise, Pixelate, ColorFilter, Tint, Multiply, Blend
Grayscale Noise Emboss Pixelate
grayscale noise emboss pixelate
Sepia Sepia2 Blend-righten Blend-diff Invert
sepia sepia2 blend-righten blend-diff invert
Multifly Tint Brightness Remove-white Sharpen
multifly tint brightness remove-white sharpen

🙆 Easy to apply the size and design you want

Can be used everywhere.

  • Widely supported in browsers including IE10.
  • Option to support various display sizes. (allows you to use the editor features on your web pages at least over 550 * 450 sizes)

2018-06-04 5 35 25

Nice default & Fully customizable Themes

  • Has a white and black theme, and you can modify the theme file to customize it.
  • Has an API so that you can create your own instead of the built-in.

| black - top | black - bottom | white - left | white - right | | --------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------

Extension points exported contracts — how you extend this code

UI (Interface)
(no doc) [1 implementers]
apps/image-editor/index.d.ts
IThemeConfig (Interface)
(no doc)
apps/image-editor/index.d.ts
IIconInfo (Interface)
(no doc)
apps/image-editor/index.d.ts
IIconOptions (Interface)
(no doc)
apps/image-editor/index.d.ts
IShapeOptions (Interface)
(no doc)
apps/image-editor/index.d.ts

Core symbols most depended-on inside this repo

fire
called by 91
apps/image-editor/src/js/interface/component.js
localize
called by 76
apps/image-editor/src/js/ui/locale/locale.js
getComponent
called by 68
apps/image-editor/src/js/graphics.js
add
called by 67
apps/image-editor/src/js/graphics.js
getCanvas
called by 66
apps/image-editor/src/js/interface/component.js
set
called by 56
apps/image-editor/src/js/component/flip.js
execute
called by 52
apps/image-editor/src/js/invoker.js
remove
called by 46
apps/image-editor/src/js/component/filter.js

Shape

Method 712
Function 246
Class 95
Interface 24

Languages

TypeScript100%

Modules by API surface

apps/image-editor/src/js/graphics.js104 symbols
apps/image-editor/src/js/imageEditor.js90 symbols
apps/image-editor/src/js/ui.js49 symbols
apps/image-editor/src/js/helper/imagetracer.js37 symbols
apps/image-editor/src/js/util.js35 symbols
apps/image-editor/src/js/component/zoom.js34 symbols
apps/image-editor/src/js/component/text.js29 symbols
apps/image-editor/src/js/component/shape.js29 symbols
apps/image-editor/src/js/ui/tools/range.js27 symbols
apps/image-editor/index.d.ts27 symbols
apps/image-editor/src/js/action.js24 symbols
apps/image-editor/src/js/extension/cropzone.js23 symbols

Dependencies from manifests, versioned

@babel/core7.15.0 · 1×
@babel/eslint-parser7.15.0 · 1×
@babel/plugin-transform-runtime7.15.0 · 1×
@babel/preset-env7.15.0 · 1×
@babel/preset-react7.14.5 · 1×
@babel/runtime-corejs37.15.4 · 1×
@storybook/builder-webpack56.3.10 · 1×
@storybook/cli5.1.11 · 1×
@storybook/manager-webpack56.3.10 · 1×
@storybook/react6.3.12 · 1×
@storybook/vue6.3.12 · 1×
babel-loader8.2.2 · 1×

For agents

$ claude mcp add tui.image-editor \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact