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

先上演示地址:

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看看，会找到类似下面的节点:

 <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了.

 

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