![]() ![]() What I am aiming for (as I had it in flash) is basically your code but with drawing added, that updates the canvas. I wrote something similar in as3 (flash), and got fed up with flash, so began to port it to javascript+html5, I found your code and used it as a starting block. Categories Fun, Internet, Programming, Software, Technology Tags Canvas, CanvasZoom, DeepZoom, HTML5, Javascript, OpenZoom, Zoomify The latest version is available on BitBucket here. The CanvasZoom is now available under the MIT license so feel free to use it in any way you like. I also want to mention “Daniel Gasienica” who was the creater of OpenZoom, as he had done some of the hardwork already. Have a look at my website for details instructions on how to add the CanvasZoom to your own website here: There are currently no on screen controls to zoom in or out, but that should be a fairly routine addition. The DeepZoom program currently only works on windows but once you’ve download it you can create your own zoom images, very quickly (But there’s really no reason why this DeepZoom format can’t be recreated by writing another program – something that might come later.) These images use the format that the program DeepZoom Composer generates (created by Microsoft), there’s also lots of information about the format here. The back-end part of the system simply consists of several folders full of images of different resolution. The buttons beneath the canvas can also be used. ![]() You can zoom with the mouse either with the scroll wheel – forward to zoom in, backward to zoom out – or by clicking the select button to zoom in. Image of Spiral Galaxy NGC 1300 from Hubble Site Flash or Silverlight), so I wanted to see if we could create one without any plugin, using only the HTML5 standards.Īnd here it is: The CanvasZoom program drawn with just the HTML5 Canvas and JavaScript. Most of these applications use some kind of plugin to work (e.g. You may have seen the program Zoomify, or similar programs like, OpenZoom and DeepZoom, which quickly display large resolution images on websites without large amounts of data being downloaded – only the part which is needed is downloaded. ![]()
0 Comments
Leave a Reply. |