前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >silverlight:DeepZoom版的图片局部放大效果

silverlight:DeepZoom版的图片局部放大效果

作者头像
菩提树下的杨过
发布2018-01-23 11:59:24
1.4K0
发布2018-01-23 11:59:24
举报
文章被收录于专栏:菩提树下的杨过

先上演示地址:

http://images.24city.com/jimmy/DeepZoom/

步骤: 1.先启动PhotoShop,利用自动等分切片功能把图片等分成若干小图片,并导出,参考下图:

2.启动Deep Zoom Composer

a.新建项目,并用Add Image...导入刚才等分好的小图片

b.切换到compose面板,把小图片拖出来,并调整位置最终拼成完整的图片

c.切换到Export面板,导出

基本上,到这一步就已经可以成功在本机播放了,但是如果直接上传到互联网上,会发现在别的机器上无法播放?

打开导出后的文件夹look look:GeneratedImages文件夹下有几个xml,用记事本打开scene.xml看看,会找到类似下面的节点:

代码语言:js
复制
 <m:AdItem Title="demo_01" 
FilePath="C:\Users\jimmy.yang\Documents\Expression\Deep Zoom Composer Projects\UntitledProject1\Source Images\demo_01.png" 
ZOrder="1" X="0" Y="4.4736450636290445E-16" 
Width="0.084516349577016134"
Height="0.12680725492022751" 
p:Ref.Key="demo_01.png" />

很明显这里记录的是本机路径,当然不行,用批量替换功能换成“dzc_output_files/demo_01.png”之类就OK了.

转载请注明来自菩提树下的杨过

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2009-12-07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档