[公告] 痞客邦「應用市集」新 App 上架-iFontCloud Professional[公告] 痞客邦後台發表文章提供插入多張圖片新功能[公告]痞客邦新服務上線 部落客商店聚集就在《痞市集》[公告] 部落格「快捷功能BAR」改版介紹[公告] 痞客邦「快捷功能BAR」6月4日改版通知

這陣子因為某些作品上的需要,必須製作DeepZoom效果,正在煩惱要怎麼刻,
長輩提到了"Deep Zoom Composer"這款M社自家的東西.
Deep Zoom Composer其實已經推出好一陣子了,Norman個人好像也在MSDN上看過相關消息,
不過因為那陣子我都在摸其他東西,所以沒有多加注意;

試用之後才發現,這軟體竟然是那麼簡單好上手,就算是對網頁技術一竅不通的人,
也能在幾分鐘內做出簡易的Deep Zoom效果來唬人,真的滿有趣的 ww

以下,小教學開始:
(1)到M社的DownloadCenter下載
Deep Zoom Composer.

(2)安裝完畢後,進入點選"New Project"
A.jpg
接著輸入專案名稱與位置,看這
專案名稱應該也知道接著是幹嘛了 XD
B.jpg

(3)接著就進入主畫面,在確定上方的標籤是在"Import"後,點選"Add Image"按鈕.
C.jpg
接著就是選擇要加入Deep Zoom效果的圖片,選擇後可以在主頁面中一一檢視.
D.jpg
(≧Д≦)/
  ~リーネ僕の嫁!

(4)接著點選上方標籤列的"Compoese",就可以將圖片從右方拖過來進行排列,
E.jpg
左下方有各式簡單的對齊、放大工具,不過個人覺得只要有滑鼠中鍵滾輪,
以及空白鍵和Shift三個就很夠搞定了 ww

(5)完成後切換至"Export"標籤,在"Custom"選項中點選"Silverlight Deep Zoom",
F.jpg
雖然選擇"Seadragon Ajax"亦可做出相同的效果,
瀏覽還不需要安裝Silverlight;
但就個人使用
感覺,縮放與拖曳圖片時的流暢程度比起輸出成Silverlight是差上一些.
"Image Settings"則可依喜好自行選擇,完成後按下"Export".

(6)這樣就做好了,接著只要點選"Preview in Browser"即可觀賞成果.
G.jpg
而檔案主要放在當初設定的路徑中"DeepZoomProjectWeb\ClientBin"底下,
若對頁面其他有些不滿意的地方,只要開啟其中的html再加以編輯即可.
H.jpg
到此,不用3分鐘就可以用Deep Zoom來觀賞
リーネ的小褲褲囉! (炸)
棍,Hinet的廣告把頁面都擠壓了....在本機預覽剛剛好的說.
換到Google Drive後沒廣告了,不過效果有點.....奇特

至於更詳細的講解,可以參閱msdn的內容,本次小教學到此結束,謝謝觀賞~

Posted by typecurry at 痞客邦 PIXNET 留言(5) 引用(0) 人氣()


open trackbacks list Trackbacks (0)

留言列表 (5)

Post Comment
  • S. Peter
  • 沒裝SL,看不到……
  • Norman
  • 那就順手裝一下吧 ww
    檔案只有區區幾MB而已,就當是另一個Flash Plug-in,
    雖然現在裝了能用的上的地方也不多;
    不過只要能很流暢的窺視リーネ的小褲褲,一切不就值得了嗎!(誤)
  • 無心
  • 提醒

    有張圖露點沒打馬賽克...

    可能會被NCC、腦殘妓者或網路警察找上(在他們極缺業績的時候啦).....= =
  • S. Peter
  • 嘖,樓上這是為了誘騙我安裝SILVERLIGHT嗎……不裝!打死都不裝……我要去找嗯吸吸賺檢舉費……(跑)
  • Norman
  • >>可能會被NCC、腦殘妓者或網路警察找上(在他們極缺業績的時候啦)
    啊啊,幹嘛說破呢?原本想說這是給有點進去,並安裝的人一點殺必死 ww
    不過既然你都這麼說了,明天我就會將其改掉的.....今天頭有點昏.

    >>樓上這是為了誘騙我安裝SILVERLIGHT嗎……不裝!打死都不裝
    這樣都騙不到嗎?那....下次用大槍的圖好了(誤)

    話說同樣的頁面縮放,在Chrome中真的比在FF2中快且順呢.

You haven’t logged in yet, please use guest status to leave message. You can also log in with above service account and leave message

other options