- Deep Zoom Composer Silverlight 4 For Mac Free
- Deep Zoom Composer Silverlight 4 For Mac Netflix
- Silverlight 4 Facebook
![Zoom Zoom](https://msdnshared.blob.core.windows.net/media/TNBlogsFS/BlogFileStorage/blogs_msdn/zxue/WindowsLiveWriter/CustomToolsforDeepZoomComposer_EF39/image_8.png)
First we have to generate project with images, therefore we have to download Deep Zoom Composer application. This process has 3 steps:
Shell script (Linux/Mac) DZI: Node.js Deep Zoom Tools: Node.js, under construction: DZI: OpenSeaDragon DZI Online Composer: Web app (and PERL and PHP scripts) DZI: PHP Deep Zoom Tools: PHP: DZI: PyramidIO: Java (command line and library) DZI: Sharp: Node.js, uses VIPS: DZI: VIPS: command line tool and library for a number of languages: DZI via. Silverlight consists of a runtime that users can download to view Silverlight content on their computer as well as a set of tools for creating that content, such as Visual Studio, Expression Blend, Expression Design, Expression Media Encoder, and Deep Zoom Composer. You can use Visual Studio for writing and debugging Silverlight code.
- I use images from Sample Pictures of Windows Vista (when I use Deep Zoom Composer in October version all work good) 2. SeadragonAJAX: image desappear where I zoom out unawares. I see black area in silverlight even I use 1 image only. Silverlight Deep Zoom - export as a collection: dzcoutput.xml is missed!
- Resizing the Deep Zoom Composer Template by kirupa 11 October 2008. When you export a Silverlight project from Deep Zoom Composer, the size of your output is fixed at 800 by 600: the size of your application is fixed and does not scale depending on available space.
- 'Add Image…'Create new project ('File'->'New Project…') and import images ('Add Image…'). Choose for example 3 images, not too much. Please, check if they are not too big (greater than 2MB).
- Now we go to another step by clicking 'Compose' button in the top of the screen.Then, drag and drop images. Take first one, resize and fit it to the screen.Zoom in image and place another one.And do the same to others pictures. Zoom it, and put image in that place.
- 'Export'OK, so we created images, let's 'Export' this to Visual Studio.All we have to do, is set path for our project ('Export Location'), add Name and choose if it will be exported to Collectionor Composition (HardRock's project is a example of project which was generated as Collection, therefore every image is rendered separately, not like in my example, as a one high resolution image. With composition, you have more opportunities but also more files in project = more KBs).After this step we should have in our output something like this:
We need only folder with images and file 'info.bin', in my example this is folder 'deepzoomcomposerek'.
OK, we have images from Deep Zoom Composer application. Let's put this to Silverlight 2.0 (If you haven't installed Silverlight Tools Beta 1 for Visual Studio 2008, you can download it here).
Deep Zoom Composer Silverlight 4 For Mac Free
First, create new project in Visual Studio 2008.
Can you join multiple guilds in oblivion walkthrough.
I chose option 'Generate an HTML test page.' because I don't need html files to add javascript to web page, I will create single silverlight project and use key down.
Now, build your project and copy folder with images (in my code this is 'deepzoomcomposerek') from output (Deep Zoom Composer) to ClientBin folder (Visual Studio project). You should see something like this:
In Page.xaml file add code:
Now you should be able to run your project and see your images.
Let’s add mouse and key control. We have to add events to MultiScaleImagein Page.xaml:
<UserControl x:Class='DeepZoomComposer.Page'
xmlns='http://schemas.microsoft.com/client/2007'
xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
KeyDown='UserControl_KeyDown' MouseLeave='UserControl_MouseLeave'
Width='1024' Height='768'>
xmlns='http://schemas.microsoft.com/client/2007'
xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
KeyDown='UserControl_KeyDown' MouseLeave='UserControl_MouseLeave'
Width='1024' Height='768'>
<Grid x:Name='LayoutRoot' Background='White'>
<MultiScaleImage Canvas.Top='10' Canvas.Left='10' x:Name='wg_net_ZoomObject'
ViewportWidth='1.0'Height='768' Width='1024' Source='/deepzoomcomposerek/info.bin'
<MultiScaleImage Canvas.Top='10' Canvas.Left='10' x:Name='wg_net_ZoomObject'
ViewportWidth='1.0'Height='768' Width='1024' Source='/deepzoomcomposerek/info.bin'
MouseLeftButtonDown='wg_net_ZoomObject_MouseLeftButtonDown'
MouseLeftButtonUp='wg_net_ZoomObject_MouseLeftButtonUp'
MouseMove='wg_net_ZoomObject_MouseMove'/>MouseLeftButtonUp='wg_net_ZoomObject_MouseLeftButtonUp'
</Grid>
</UserControl>
</UserControl>
and implementation to Page.cs:
bool dragInProgress = false;//global variables
Point dragOffset;
Point currentPosition;
Point dragOffset;
Point currentPosition;
privatevoidUserControl_KeyDown(object sender, KeyEventArgs e)
{
Point p = wg_net_ZoomObject.ElementToLogicalPoint(newPoint((wg_net_ZoomObject.Width / 2),
((wg_net_ZoomObject.Width / wg_net_ZoomObject.AspectRatio) / 2)));
switch (e.Key)
{
caseKey.Q:
wg_net_ZoomObject.ZoomAboutLogicalPoint(1.1, p.X, p.Y);
break;
caseKey.E:
wg_net_ZoomObject.ZoomAboutLogicalPoint(0.9, p.X, p.Y);
break;
caseKey.Left:
caseKey.A:
wg_net_ZoomObject.ViewportOrigin =
newPoint(wg_net_ZoomObject.ViewportOrigin.X - 0.1,
wg_net_ZoomObject.ViewportOrigin.Y);
break;
caseKey.Right:
caseKey.D:
wg_net_ZoomObject.ViewportOrigin =
newPoint(wg_net_ZoomObject.ViewportOrigin.X + 0.1,
wg_net_ZoomObject.ViewportOrigin.Y);
break;
caseKey.Up:
caseKey.W:
wg_net_ZoomObject.ViewportOrigin = newPoint(wg_net_ZoomObject.ViewportOrigin.X,
wg_net_ZoomObject.ViewportOrigin.Y - 0.1);
break;
caseKey.Down:
caseKey.S:
wg_net_ZoomObject.ViewportOrigin = newPoint(wg_net_ZoomObject.ViewportOrigin.X,
wg_net_ZoomObject.ViewportOrigin.Y + 0.1);
break;
default:
break;
}
}
privatevoidUserControl_MouseLeave(object sender, MouseEventArgs e)
{
dragInProgress = false;
}
{
dragInProgress = false;
}
privatevoidwg_net_ZoomObject_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
dragInProgress = true;
dragOffset = e.GetPosition(this);
currentPosition = wg_net_ZoomObject.ViewportOrigin;
}
{
dragInProgress = true;
dragOffset = e.GetPosition(this);
currentPosition = wg_net_ZoomObject.ViewportOrigin;
}
privatevoidwg_net_ZoomObject_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
dragInProgress = false;
}
{
dragInProgress = false;
}
privatevoidwg_net_ZoomObject_MouseMove(object sender, MouseEventArgs e)
{
if (dragInProgress)
{
Point newOrigin = newPoint();
newOrigin.X = currentPosition.X -
(((e.GetPosition(wg_net_ZoomObject).X - dragOffset.X)
/ wg_net_ZoomObject.ActualWidth) * wg_net_ZoomObject.ViewportWidth);
newOrigin.Y = currentPosition.Y -
(((e.GetPosition(wg_net_ZoomObject).Y - dragOffset.Y)
/ wg_net_ZoomObject.ActualHeight) * wg_net_ZoomObject.ViewportWidth);
wg_net_ZoomObject.ViewportOrigin = newOrigin;
}
}
Now you can run application and “deep zoom” in your images. As you can see in code, you can zoom in/zoom out your images with Q and E or move them with W, S, A, D and arrows.
{
if (dragInProgress)
{
Point newOrigin = newPoint();
newOrigin.X = currentPosition.X -
(((e.GetPosition(wg_net_ZoomObject).X - dragOffset.X)
/ wg_net_ZoomObject.ActualWidth) * wg_net_ZoomObject.ViewportWidth);
newOrigin.Y = currentPosition.Y -
(((e.GetPosition(wg_net_ZoomObject).Y - dragOffset.Y)
/ wg_net_ZoomObject.ActualHeight) * wg_net_ZoomObject.ViewportWidth);
wg_net_ZoomObject.ViewportOrigin = newOrigin;
}
}
Now you can run application and “deep zoom” in your images. As you can see in code, you can zoom in/zoom out your images with Q and E or move them with W, S, A, D and arrows.
Very good resources:
Laurence Moroney's Blog - DeepZoom in C# - Not just possible, but easy
Mike Taulty's Blog - Silverlight 2 - First Attempt with MultiScaleImage
Yasser Makram - Silverlight 2.0 Deep Zoom using MultiScaleImage Control
Joe Stegman's WebBlog - Deep Zoom version of Silverlight 2 Developer Reference Poster
Source code:
- http://www.jacekciereszko.pl/DeepZoomComposer.zip (if it stop working, please let me know)
- mirror 1 (if it stop working, please let me know)
Working demo:
I hope you enjoy this article, it was my first in English and I think the last one on this blog. There is a plenty good blogs in English and I don’t want to just copy them. So if you have any question about articles wrote in polish, send me email and I will try to help you.
Jacek Ciereszko
polish blog: http://jacekciereszko.pl/
Deep Zoom Composer Silverlight 4 For Mac Netflix
Posted on Tuesday, March 25, 2008 12:50 PM | Back to top1. ImageSorter
The contingency theory of organizations donaldson pdf free. Tele popup software crack free. ImageSorter is a freeware for automatic visual sorting images on your computer. It also does help to find visually similar images on your computer..
2. F-Spot
Personal photo management application for the GNOME desktop environment. F-Spot is based on MONOF-Spot is a cross platform application for organizing thousands of photos. It shuns organizing in folders. instead, metadata is the basis for viewing and drilling down the collection. Adding and maintaining metadata is easy and enjoyable in..
3. LPhoto
LPhoto is a free, Open Source application for GNU/Linux that allows you to manage your photo collection.The Lphoto project was started by Linspire, a Linux distribution based on Debian GNU/Linux. It features tools to import, re-touch, manage, and share digital photos quickly and easily..
4. PicaJet
PicaJet is a powerful, feature-rich, but highly customizable and convenient digital photo management and image database software that will efficiently organize your fast-growing digital image collection. Automatically organize and manage 1000s of digital pictures with easy, view photos as slideshow, record your images to CD and DVD, sharing & printing..
5. Gallery
Gallery is a web based software product that lets you manage your photos on your own website.With Gallery you can easily create and maintain albums of photos via an intuitive interface. Photo management includes automatic thumbnail creation, image resizing, rotation, ordering, captioning, searching and more. Albums and photos can have..
6. gThumb
gThumb is an image viewer and browser for the GNOME Desktop. Features Image Viewer * View single images (including GIF animations). Supported image types are: BMP, JPEG, GIF, PNG, TIFF, ICO, XPM. * View EXIF data attached to JPEG images. * View in fullscreen mode. * View images rotated,..
7. jBrout
Photo tagger, deliberately free of image editing functions (although it is possible to insert plugins into jBrout, as well as specify any software to edit your pictures). Available also on http://code.google.com/p/jbrout/ jBrout is a photo manager, written in python/pygtk under the GPL licence. Its cross-platform, and has been..
8. Viu 2
Viu 2 is a very small picture browsing/viewing software and it is totally free.Features:- Minimalistic design - File browser with Clipboard and Drag&Drop support- Support of many picture formats- Bookmark your favorite folders and pictures- Batch resize pictures with sharpening- Lossless JPEG rotation- Embed/Remove/Update your thumbnails- Wallpaper creation tool- User..
9. Solang
Solang is a photo manager for GNOME. It lets you manage your collection of photos by tagging them and searching through them based on various criteria -- tags, EXIF data, dates, etc; and offers a limited set of editing functionalities. Under the hood, Solang uses Tracker which allows it to..
Silverlight 4 Facebook
![Silverlight 4 facebook Silverlight 4 facebook](https://slideplayer.com/slide/13744260/85/images/7/Tools+WPF+can+be+done+in+Visual+Studio+2008+or+in+Expression+Blend+2.jpg)
10. RoboSizer
The easiest way to resize pictures you are sharing via email, web or instant messenger. Just attach or upload your photos and RoboSizer will do the rest!..
11. DuckLink Screen Capture
DuckLink Screen Capture (AKA: DuckCapture) comes with four capture modes that make screen capture easy! Capture a window on your screen, region of your screen, or the contents of a tall web page that scrolls. Don’t waste time cropping your captures. DuckCapture exactly what you need..
12. e2vector
e2vector is an illustration app. that enables you to draw pictures, or import and modify online SVG artwork..
13. SnapDraw Free
Screen capture software with special effects, annotation tools and support for Windows 7, Vista and XP alpha transparency. Have you ever wondered how to create screenshots such as this or this ? Most screen capture programs are fine if you just want to take an image of what's on your..
14. Facebook Screenshot Uploader
Post your screenshots directly on your own or your friends wall. The Facebook Screenshot Uploader is free and easy to use..
15. ZScreen
ZScreen is an open-source screen capture program that allows for region/window/full-screen screenshots. It can upload screenshots and put the URL in your clipboard in a single keystroke. It supports automatic custom naming conventions with variables. It can also interface with image editing software. It is a .NET 3.5 (C#) program..