Silverlight 图片处理—— Deep Zoom Composer
首先我们来说说深度缩放吧!深度缩放能够根据我们的需求按照任意比例缩小或者放大图片,从而达到我们想要的效果。深度缩放和 HTML 缩略图最大不同之处在于,深度缩放所显示的图片比例并不仅限于缩略图和分辨率,而是完全根据用户操作呈现。我们可以把一张图片缩小到完全消失,也可以把图片放大足够的大的程度。
如果我们想在动手实现这个功能之前看看这些效果到底是如何炫, Silverlight 官方给我们推荐一个示例网站( http://memorabilia.hardrock.com/ )。
为了实现深度缩放功能,我们需要下载一个辅助软件 Deep Zoom Composer 。运行 Deep Zoom Composer 后,我们可以看到欢迎界面如图:
然后我们点击 New Project, 将会出现以下界面:
输入名称和保存路径,点击 OK
然后我们在 Import 选项卡中点击 Add Image 按钮,通过浏览找到我们想要的图片。
之后我们点击 Compose 选项卡,将我们之前找到的图片拖到中间的工作区域。然后点击 Export 选项卡,这里出现两个选项卡。
在这里我们选着 Custom 选项卡,出现如下界面。
在这里我们可以进行 Output type Name Location 等的设置,我们可以点击 Preview 进行预览以下,体验以下深度缩放的效果。点击 Export 后,我们建立的项目会根据我们设置的组合样式自动导出图片。
导出后出现如下效果: 这里我们点击 Image Folder 可以查看到我们导出的图片文件。
到这里我们用 Deep Zoom Composer 做的一个简单项目已经完成了。