[{"id":"c93d0ba4-56e3-45aa-91e8-cb0a0a473bec","tags":[{"product":null,"links":null,"id":"8e2973a7-8e22-4638-9bcf-cdd6888067c9","name":"RECENT","color":"#fcba03","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"c848ee94-96ce-40d1-b446-a7adc58497fd","tags":[{"product":null,"links":null,"id":"8e2973a7-8e22-4638-9bcf-cdd6888067c9","name":"RECENT","color":"#fcba03","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"86b9d24d-fbd4-465d-87fd-f23e304f5607","tags":[{"product":null,"links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460","name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"9075ff4e-7333-4c83-8eb1-41ed1fde62ca","tags":[{"product":null,"links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460","name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"661554cd-e179-48e9-a77d-d19d7dd4ec11","tags":[{"product":null,"links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460","name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"aac6d9be-7326-40e8-b428-0da5c30da9d4","tags":[{"product":null,"links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460","name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"3ffe35d0-0ee5-4009-babe-61ed8137a0f7","tags":[{"product":null,"links":null,"id":"8e2973a7-8e22-4638-9bcf-cdd6888067c9","name":"RECENT","color":"#fcba03","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]}]
        
(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.