[{"id":"0efd79b4-f03c-4b10-bc84-092693ee24a7","tags":[{"name":"RECENT","color":"#fcba03","productId":"097703bc-fd64-4769-bb07-345babbf2520","links":null,"id":"8e2973a7-8e22-4638-9bcf-cdd6888067c9"}]},{"id":"c6831cd6-a6ef-411c-b4c5-12c2cf4b48cb","tags":[{"name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520","links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460"}]},{"id":"bdaf6ad9-92cf-438c-9f99-18f6befd3b39","tags":[{"name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520","links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460"}]},{"id":"8967cf75-653b-4728-93c8-447fc4703efc","tags":[{"name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520","links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460"}]},{"id":"f7186da7-30e1-48ed-a63c-61ab28cf45c9","tags":[{"name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520","links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460"}]},{"id":"62f8b527-433a-4e2a-921a-d91c3879d5e6","tags":[{"name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520","links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460"}]},{"id":"2bcfa23e-f69e-4ff7-aae0-e708411c60c8","tags":[{"name":"RECENT","color":"#fcba03","productId":"097703bc-fd64-4769-bb07-345babbf2520","links":null,"id":"8e2973a7-8e22-4638-9bcf-cdd6888067c9"}]},{"id":"1588d6f9-2fa1-4457-a05e-f237a87a13aa","tags":[{"name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520","links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460"}]}]
        
(Showing Draft Content)

API for creating and modifying image data.

DsImageViewer allows you to create new or modify existing images using the following client API:

// Create empty image.
async newImage(options?: { width?: number; height?: number }) 

// Get unmodified image data url.
public getOriginalImageDataUrl(): string

// Get current image data url.
public getImageDataUrl(): string

// Modify current image data url.
public setImageDataUrl(dataUrl): Promise<void>

// Download the Image document loaded in the Viewer to the local disk.
public download(fileName?: string, getInitialVersion?: boolean) 

These examples show how to use the client API to create or modify images:

Limitations

  • Modification of vector or multi-frame images (SVG, GIF, ICO, TIFF) is not supported.

  • Only static images can be modified.