Skip to content

2.0.0
Compare
Choose a tag to compare
@dongsik-yoo dongsik-yoo released this 24 May 03:34
· 431 commits to master since this release
2.0.0
b2b015a

Migration guide document for 2.0.0

Tutorials and SDK document for 2.0.0

New

  • Image filter
    • filter types
      • grayscale, invert, sepia, sepia, blur, sharpen, emboss, removeWhite, brightness, noise, gradientTransparency, pixelate, tint, multiply, blend, colorFilter
    • related APIs
      • applyFilter, removeFilter, hasFilter

Added

  • Manipulate object properties and related APIs

    • setObjectProperties - Set properties(width, height, opacity)
    • getObjectProperties - Get properties(width, height, opacity)
    • setObjectPosition - Move object with origin({x:0, y: 0, originX: 'left', originY: 'top'})
    • getObjectPosition - Get object position according to origin
    • getCanvasSize - Get size of canvas({width: number, height: number})

  • APIs for crop

    • getCropzoneRect()
    • crop(rect)

Changed

  • New drawing mode APIs

    • startDrawingMode
    • stopDrawingMode
    • getDrawingMode

  • Use object id with all drawing APIs

imageEditor.changeIconColor(id, '#FF0000');
  • Changed to Promise drawing APIs
imageEditor.addShape('circle', {
    fill: 'red',
    stroke: 'blue',
    strokeWidth: 3,
    rx: 10,
    ry: 100,
    isRegular: false
}).then(objectProps => {
    console.log(objectProps.id);
});
  • Event types and parameters
{
    id: number
    type: type
    left: number,
    top: number,
    width: number,
    fill: string
    stroke: string
    strokeWidth: number
    opacity: number,

    // text object
    text: string,
    fontFamily: string,
    fontSize: number,
    fontStyle: string,
    fontWeight: string,
    textAlign: string,
    textDecoration: string
}
Name Purpose
addText when mousedown event occurs in 'TEXT' drawing mode
objectActivated when user selects an object
objectMoved when user drags an object
objectScaled when object is being scaled
textEditing when textbox is being edited
mousedown just mousedown
undoStackChanged undo change event
redoStackChanged redo change event

Other changes and bug fixes

  • Can not call APIs from within callback function
  • #16 Remove object shape tool
Assets 2