[{"id":"481e1803-7581-4687-b7fa-c678ed0b1746","tags":[{"product":null,"links":null,"id":"8e2973a7-8e22-4638-9bcf-cdd6888067c9","name":"RECENT","color":"#fcba03","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"525344f1-a54d-40e0-bf98-0384e388ba9c","tags":[{"product":null,"links":null,"id":"8e2973a7-8e22-4638-9bcf-cdd6888067c9","name":"RECENT","color":"#fcba03","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"1670c254-e38f-46a5-848e-f9aa4318b586","tags":[{"product":null,"links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460","name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"fa1baa3b-9400-4582-8aac-a0f8894648f8","tags":[{"product":null,"links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460","name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"d52be01c-27b2-4269-bd22-ec5d00480248","tags":[{"product":null,"links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460","name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"97555603-69cd-4a5c-850d-2075cfc28b7a","tags":[{"product":null,"links":null,"id":"5cd75f06-e066-48ab-8406-3b4fd8a08460","name":"NEW","color":"red","productId":"097703bc-fd64-4769-bb07-345babbf2520"}]},{"id":"73c651f5-c0dc-46f7-8e22-8323eaf75443","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.