Deep zoom composer, Silverlight Image Display Technology-[Silverlight Development]

ArticleDirectory

• I. Deep zoom composer environment combination
• Ii. Deep zoom composer
• Iii. practical development of deep zoom
• 4. Interaction with windows (analysis of the multiscaleimage attribute)

In SilverlightDeep zoomThe technology can do much more than simply enlarging high-resolution images in depth. Deep zoom composer allows you to create an includeSlides, built-in navigation, webpage links, tooltipsInstead of writing a line.Code. Deep Zoom is a good way for Silverlight to display high-resolution images. We can click the following website to experience the beauty of deep zoom technology: Experience

I. Deep zoom composer environment combination

Download and install the Installation File in "more shared resources.

Ii. Deep zoom composer

After opening deep zoom composer, the operation interface is as follows:

• Through import, You can import some images to the project.
• The compose workspace provides users with the function of locating and arranging images.
• The output workspace provides the deep zoom image or set export function for users.

For other operations, it is easy to start.

Iii. practical development of deep zoom

Create a project and press add image in the workspace. In the pop-up file selection box, select the image you want to add. Then click compose for the layout and positioning window.

The compose Panel provides the following functions:
Image bar:

In the compose workspace, the images imported to the project are displayed in the picture bar. You can drag and drop these images to the canvas. The image Bar provides users with the following basic functions: "All image" tab, where the image bar displays all the images in the project. The "layer View" tab displays translucent images that are being used (that is, dragged to the compose workspace). This tab displays only the images used by compostion. You can use arrow buttons on the panel to change the z-axis sequence of the image on the canvas. The eye icon next to the image is used to set the visibility of the image on the canvas.

Canvas:

You can create and edit "compositions" in the canvas of the compose workspace ". The workspace provides a design area with the ability to locate and arrange images, a basic set of tools (selection, pan, zoom), and basic arrangement features (align and distribute ). You can drag and drop images in the image bar to the canvas. You can arrange these images in the canvas and navigate through the navigator and modify them using several tools. Of course, you can also modify and layout by dragging the modifier (several small blocks in the selected state of the Technical image) and the following row of buttons.

Tools:

Select ToolsAllows users to select and operate images. Users can operate images through the decorator.Pan ToolIt allows you to scroll the visible area by clicking and dragging, and drag the entire panel as a whole.Scaling tool,If you select the Zoom tool, you can click any position in the visible area to zoom in and zoom in. Press ALT and click zoom in or press Alt + = or Alt +. If you click the last zoom icon (the one on the right of the normal zoom icon), the current element in the canvas is scaled to fit the screen.

After positioning, select export and export the project. You can see the following options for export:

"Createcollection" option when exporting data in deepzoomcomposer. This determines whether you export an integer or an image set. Here, I choose to export a set. You can select preview to preview before exporting.

We can see that deep zoom composer has generated an image display window for us quickly and conveniently.
4. Interaction with windows (analysis of the multiscaleimage attribute)

To be updated.

More shared resources

• Official Instructions
• Deep zoom composer
• Expression blend Development Guide
• First try deep zoom composer (Step by Step | more pictures)