FuseJS/ImageTools Module (JS)

Show advanced things

• Jump to:
• Table of Contents

Utility methods for common Image manipulation.

To use this module, add Fuse.ImageTools to your package references in your .unoproj.

Fuse represents images as frozen JavaScript Image objects, consisting of a path, a filename, a width and a height. Once created or acquired, Images can be passed around to other APIs to use, fetch or alter their underlying data. All images are temporary "scratch images" until storage has been specified either through publishing to the CameraRoll or other.

On Android using this API will request the WRITE_EXTERNAL_STORAGE and READ_EXTERNAL_STORAGE permissions.

Example

<JavaScript>
    var ImageTools = require("FuseJS/ImageTools");
    var Observable = require("FuseJS/Observable");

    var imagePath = Observable();
    var base64Image =    "iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX9//wAAQATpOzaAAAAH0l" +
                        "EQVQI12MAAoMHIFLAAYSEwIiJgYGZASrI38AAAwBamgM5VF7xgwAAAABJRU5ErkJggg==";
    ImageTools.getImageFromBase64(base64Image)
    .then(function(image) {
        imagePath.value = image.path;
    });

    module.exports = { test: new Date().toString(), image: imagePath };
</JavaScript>
<Image File="{image}" />

Location

Namespace

Fuse.ImageTools

Package

Fuse.ImageTools 2.9.1

Show Uno properties and methods

Interface of ImageTools

getBase64FromImage(image) js

Encodes the given image as a base64 string.

getBufferFromImage(image) js

Retrieves the underlying image data for an image as an ArrayBuffer.

Crop(Image, int, int, int, int, bool) : Future<Image> uno

crop(image, options) js

Crops the supplied image, and returns a Promise of the transformed Image.

ImageFromBase64(string) : Future<Image> uno

getImageFromBase64(base64) js

Takes base64 string encoded image data and returns a Promise of an Image.

getImageFromBuffer(imageData) js

Creates a new temporary image file from an ArrayBuffer of image data.

ImageFromByteArray(byte[]) : Image uno

ImageToBase64(Image) : Future<string> uno

ImageTools Constructor uno

Resize(Image, int, int, ResizeMode, bool) : Future<Image> uno

resize(image, options) js

Resizes an image using the options provided, and returns a Promise of the transformed Image.

Inherited from NativeModule

AddMember(NativeMember) uno

Reset : EventHandler (object, EventArgs) ux

Inherited from Module

Dispose uno

Evaluate(Context, ModuleResult) uno

Evaluate(Context, string) : ModuleResult uno

Evaluated : EventHandler (object, EventArgs) ux

EvaluateExports(Context, string) : object uno

GetFile : FileSource uno

Returns the file source that will be watched by the Context for changes in Fuse preview. Override in subclasses and return correct file source to support live updates in Fuse preview.

IsEvaluated : bool uno

Inherited from object

Equals(object) : bool uno

GetHashCode : int uno

GetType : Type uno

ToString : string uno

Attached UX Attributes

GlobalKey (attached by Resource) : string ux

The ux:Global attribute creates a global resource that is accessible everywhere in UX markup.

Implemented Interfaces

IModuleProvider uno

IDisposable uno