Import tool allows importing of photos and pixie state files into the editor.
For example, you can open file upload dialog and then import selected image like so:

pixie.getTool('import').openUploadDialog().then(function(obj) {
    var size = pixie.getTool('canvas').state.original;
    obj.set({width: size.width, height: size.height, top: 0, left: 0});
});

Import tool methods

importAndGetData

  • importAndGetData(): Promise<string>

  • Open upload dialog, import file and return files data.

    Returns Promise<string>

openBackgroundImage

  • openBackgroundImage(data: string | HTMLImageElement): Promise<Image>

  • Open specified data or image as background image.

    Parameters

    • data: string | HTMLImageElement

    Returns Promise<Image>

openFile

  • openFile(data: string | HTMLImageElement, extension?: string): Promise<Image | void>

  • Open specified data or image element in editor.

    Parameters

    • data: string | HTMLImageElement
    • Default value extension: string = "png"

    Returns Promise<Image | void>

openStateFile

  • openStateFile(data: string): Promise<any>

  • Load specified pixie state data into editor.

    Parameters

    • data: string

    Returns Promise<any>

openUploadDialog

  • openUploadDialog(options?: object): Promise<any>

  • Open upload dialog, import selected file and open it in editor.

    Parameters

    • Default value options: object = {type: 'image'}
      • Optional backgroundImage?: boolean
      • Optional type?: "image" | "state"

    Returns Promise<any>

validateAndGetData

  • validateAndGetData(file: File): Promise<object>

  • Validate specified file and if it passes, return files data.

    Parameters

    • file: File

    Returns Promise<object>