现需要一个B/S 的图片查看器,图片最低会2G大小

问题描述

需求1.查看的图片会拖动,中心放大。并且具有鸟瞻图,会显示缩放的具体位置2.可在图片上做备注后,另存成一张图片,3.再次打开原图片后可选择记录,比如可以选择上次备注的图片需要程序是纯B/S//案例的网址http://image.upathology.com/ViewerService/viewer/mobileViewer.aspx?caseno=&SlideID=80806008-a589-48ce-b48e-de1d4be0a9a3&sync=1

解决方案

解决方案二:
自己看看WEBGIS的开发吧2G的图,需要切图
解决方案三:
你那个图明明只有20k,还2G?一个所谓的“大图”是由无限多的256x256的小图(瓦片)拼成的。这个如果不对路,那么别的也不对路,也就不用谈流程设计了。
解决方案四:
当你用鼠标滚轮缩放时,你会看到每一个动态加载的瓦片的出现时机先后不同,这时候最明显。这种东西应该是任何一个学过一点GIS同时又专门学过编程的人都会得吧?只要有瓦片(几十万张小图),那么编写这样的软件不过是几百行代码,其实也很简单。我简单按照你的问题说一下:1.所谓拖动,就是改变中心点坐标,也就是改变视图的四边的坐标。那么在视图上加载的瓦片会随着所需要显示的内容的多少而自动加载和卸载。也就是说通过视图的四边的坐标,你可以算出有多少块瓦片需要加载(例如是4行6列共24块外按需要加载),那么在每一次拖动时,遍历一下原来已经加载的瓦片,如果其右边已经超出视图的左边、上边已经低于视图的下边、下边已经高于视图的上边、左边已经超出视图的右边,那么就删除它。加载也是类似的机制,只要对矩阵的四边坐标进行简单的大小比较,就能进行瓦片出现消失逻辑判断。2.缩放是按照鼠标指针位置来缩放的。因此当捕获鼠标滚轮事件时,换算计算出目标中心点坐标,然后加载更高级别或者更低级别的瓦片。这样的效果就是鼠标中心点指着一个地点不动,而产生了缩放。3.所谓“鸟瞰图”,其实就是有两个应用。一个总是查看(例如)第8缩放级别的图片,显示在左上角,在上层,从不缩放;另一个显示在下一个图层(前一个的背后),缩放级别按照鼠标滚轮的控制而变化。然后,捕获左上角的应用的中心点的改变事件,来实时改变大图的中心点;反之亦然(但是不要产生循环)。4.所谓“备注”,你需要自己建立一个数据结构。这个太简单了,就不多说了。唯一要关心的就是要让用户确定在多少级别缩放时才加载备注图层。“另存成一张图片”这个说法完全不对路,没有搞懂基本的原理。备注是单独保存的数据,有矢量的坐标,有业务的数据。单独保存!5.不会设计程序,去学习。其中要用大概2个月时间学学GIS基础知识(如果你这个demo下面还需要一些背景知识的话)。至于说编程设计,我就不确定要多久了。也许2个月,也许要5年。
解决方案五:
基本上,找一个http调试器看看你的demo其加载瓦片的路径,例如http://image.upathology.com/decodetile/decodetile.aspx?filename=s0330415-3&level=7&xpos=38&ypos=32认证看看这些url,就能搞懂最初最基本的原理了。如果你不擅长软件设计,那么设计这类小程序(差不多500行的typescript代码就足够了)可能需要“天赋”。而经过训练的程序设计师,则会从GIS系统的基本的数据结构出发(点、线、面、岛、坐标投影、图层、标注、瓦片、鹰眼,等等)出发来整理一个文档。先写上十几页的word文档,再来写那几百行typescipt代码,就会很方便。如果不会设计,那么这些代码不值得给不懂的人提供,这500行代码最起码也要卖2万块钱。

时间: 2024-09-16 18:44:10

现需要一个B/S 的图片查看器,图片最低会2G大小的相关文章

基于jQuery的一个简单的图片查看器

项目中自己diy了一个图片查看器.因为初始代码不是自己的,只是在上面改了一下也没有弄的很漂亮.等以后有时间了在重写一下样式和封装,作为备用的只是积累吧.如果有童鞋有用到,完全可以在此基础上改,比较容易,代码也比较简单 图片查看器主要有几个功能: 1.显示图片和图片信息(图片名称.发布者等等) 2.切换图片 3.关闭图片查看器   初始化接口函数pictureViewer.init: function(picInfos,tapNumber,isBig) picInfos: 传入图片组信息,必须,格

Android实现的可以调整透明度的图片查看器实例_Android

本文以实例讲解了基于Android的可以调整透明度的图片查看器实现方法,具体如下:  main.xml部分代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"

C#图片查看器打开图片方式的问题!!!

问题描述 自己写了一个C#图片查看器.1希望能通过点击图片的打开方式用怎么的图片处理器打开!2,.通过将图片移入图片处理器打开图片求大神~~~怎么写代码自己写了一个C#图片查看器.1希望能通过点击图片的打开方式用怎么的图片处理器打开!2,.通过将图片移入图片处理器打开图片求大神~~~怎么写代码!!!!!! 解决方案 解决方案二:FileStreamfs=newFileStream(picturePath,FileMode.Open,FileAccess.Read);Byte[]mybyte=ne

基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)_javascript技巧

最近由于公司项目需要图片查看器,网上搜了一圈,感觉资料很少,所以决定基于百度的touch.js手势库+zepto.js自己写了一个小插件,实现了左右滑动,双指缩放,双击缩放功能,基本使用还行,但是有时候还是不太顺畅,后续会慢慢完善:写的不好的地方望各位能够给出好的建议,谢谢! 源码地址:https://github.com/GLwen/molong_photoSwipe.git 演示:http://runjs.cn/detail/iceaaogh molong.css *{padding:0;m

CSS+JS构建的图片查看器_javascript技巧

这是一个使用 CSS + JS 构建的简易图片查看器,采用缩略图点击查看大图,可以分别显示每张图片的描述,大图显示位置采用固定宽度和高度,超出部分隐藏,点击大图可查看完全尺寸,兼容性:IE.Firefox .Opera. JS部分 function showPic (whichpic) {  if (document.getElementById) {   document.getElementById('placeholder').src = whichpic.href; if (whichp

移动端js图片查看器_javascript技巧

本文实例为大家分享了js图片查看器插件的使用方法,制作手机使用的网页图片查看器,供大家参考,具体内容如下 这几天抽空在为项目开发一个量身的图片查看器,目前已初步完成需求. 开发场景是:在一个多文件下载展示列表中,如检测某些文件为图片时,则点击该文件时打开图片查看器展示该图片,并将列表内其它图片同时展示查看器队列内,可供前后滑动查看及其它附带功能. 乍一听功能点似乎有点多而且有些复杂,需要梳理一下 功能点整理 首先,我们要获得点击的图片文件对象及符合条件的图片文件对象集 其次,图片查看器的制作及图

require、backbone等重构手机图片查看器_javascript技巧

本文是对之前的部分补充,也是对最近学习require.backbone的一次实例化的实践,希望对正在学习理解中的同学们有帮助 前文请前往:制作手机使用的网页图片查看器 新手机图片查看器 网页部分 require引入是重点,指明了主函数所在文件路径 <!doctype html> <html lang="zh-cn"> <head> <title>webapp图片查看器</title> <meta charset=&quo

C#照片、图片查看器编写 或调用Windows查看器于窗体中

问题描述 我想实现的功能(可以参考Win7中的图片查看器,只要能相看.放大.缩小.移动就行)是:有一个窗体,在上面可以显示图片:在窗体上有一个放大和缩小按钮,放大按钮可以实现图片的放大,缩小可以实现图片的缩小:鼠标的滑轮在图片上可以进行图片的放大与缩小:可以对图片进行移动大致的功能和Windows照片查看器差不多.另外,如若知道怎样调用Windows照片查看器也行,但调用的查处查看器要在一个指定的窗体上打开,不要弹出一个窗体(弹出一个窗体我会,谢谢!)我是用C#中的pictureBox控件来实现

好压V2.1最新发布 图片查看器闪亮登场

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 一直以来备受媒体追捧和用户喜爱的好压压缩软件,最近发布了V2.1版本,由于这款软件本身的压缩率和解压速度都高于同类软件,在业界有不错的口碑,所以在新版发布的同时,作为一个软件频道的小编出于职业习惯和兴趣,选择了更新软件,并第一时间试用了新版的好压软件. 在新版中,好压除了在压缩速度和压缩率等常用的压缩功能上做了优化外,小编意外的发现,好压开发

Android实现的可以调整透明度的图片查看器实例

本文以实例讲解了基于Android的可以调整透明度的图片查看器实现方法,具体如下: main.xml部分代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" a