40M左右的大图片如何在页面上展示啊?还要实现以鼠标为中心缩放功能

问题描述

40M大图片在页面上加载很慢,是不是应该切割成很多小图片啊?那在页面上绘制时用什么技术啊?是用百度地图API还是GISAPI绘制,还是别的什么技术啊?请各位路过大侠帮忙,本人小白在此谢过了

解决方案

解决方案二:
40M太大了,直接显示完全没有这个必要。你想想,40M的文件你还要下载一段时间呢。所以正确的做法是对图片进行压缩。
解决方案三:
首先你设计应该是有问题的.40MB的图片分辨率是多少?我们假设是8000*8000难道你让用户拖动滚动条来查看吗?显然不能另外正如LS说的也是40MB在2MB宽带下下载也要很久所以一般常规的做法好像是要做成动画那种吧用flash加载的肯定没有imgsrc的就是了
解决方案四:
引用楼主fengtongming的回复:

是用百度地图API还是GISAPI绘制,还是别的什么技术啊?请各位路过大侠帮忙,本人小白在此谢过了

晕死!你的话前后矛盾。前边的是人间说的、实实在在的解决思路。这后半句话,你立刻又回到“求代码、求现成的Api”上了。虽然你说“小白在此谢过”,但是其实小白都是踏踏实实地运用既有的基础知识的,那么小白是会花点时间进行设计、写上几十行代码来处理分片加载大图片的技术的,而反倒是花枝招展的人懒得自己设计啊。要想成为专业的程序员,就先自己设计这个分片加载的代码,然后贴出真正代码方面的问题。
解决方案五:
切块然后金字塔模型做几个级别的有你的原图往上走一张比一张小也就是你的缩放范围最下层的是最大的范围最上层是最小的范围假设现在是最大状态你界面上也不可能全部显示的了的所以把图切块值显示部分
解决方案六:
都是切换显示的……切成一张张小图片,然后根据滚动条位置判断是否要加载对应的小图片
解决方案七:
根据滚动条位置判断是否要加载对应的小图片,是用js在前台控制吗?
解决方案八:
引用2楼diaodiaop的回复:

首先你设计应该是有问题的.40MB的图片分辨率是多少?我们假设是8000*8000难道你让用户拖动滚动条来查看吗?显然不能另外正如LS说的也是40MB在2MB宽带下下载也要很久所以一般常规的做法好像是要做成动画那种吧用flash加载的肯定没有imgsrc的就是了

用flash加载,是指用flex吗
解决方案九:
微软的DeepZoom技术,还是处理的不错的,你也可以自己完成对图片的切片和缓存处理
解决方案十:
40M的图片,应该是地理信息系统下的TIFF或者其它格式的栅格图像
解决方案十一:
40M的图片,用户不可能一下子就看到全部的。可以借鉴下游戏中的做法,图片切片,走到哪里加载到哪里。
解决方案十二:
什么图片要这么大,弄个缩小版的矢量图不行么
解决方案十三:
是油田井位图。谢谢大家的回答!等我把问题解决了,再给大家结贴分
解决方案十四:
先研究下deepzoom
解决方案十五:
引用8楼yanran_hill的回复:

微软的DeepZoom技术,还是处理的不错的,你也可以自己完成对图片的切片和缓存处理

貌似deepzoom处理不了40M的大图片啊,导入时,提示不是一张有效的图片

时间: 2024-10-23 00:24:56

40M左右的大图片如何在页面上展示啊?还要实现以鼠标为中心缩放功能的相关文章

Javascript检查图片大小不要让大图片撑破页面

 如何用Javascript判断图片大小,其实只要写一个简单的函数就可以了,当然这么判断要怎么写很多人可能不知道.发觉用 ASP 判断图片大小比数牛毛还繁复, 且判断了就判断了, 还要逻辑显示...烦. 用 Javascript 判断, 轻松搞定, 最终效果无非就是不要让大图片撑破页面.   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 3

Javascript检查图片大小不要让大图片撑破页面_javascript技巧

如何用Javascript判断图片大小,其实只要写一个简单的函数就可以了,当然这么判断要怎么写很多人可能不知道.发觉用 ASP 判断图片大小比数牛毛还繁复, 且判断了就判断了, 还要逻辑显示...烦. 用 Javascript 判断, 轻松搞定, 最终效果无非就是不要让大图片撑破页面. <script LANGUAGE="JAVASCRIPT"> //检查图片大小是否大于预期大小, 大于则显示为预期大小 function show(chkw) { //chk images

这个论坛页面上展示的代码都没有换行是怎么回事

问题描述 这个论坛页面上展示的代码都没有换行是怎么回事 https://tribot.org/forums/topic/30185-trilezs-scripting-tutorial/ 正在学习这个论坛上的bot脚本,很多范例都是java写的,但是我用ie,chrome,firefox打开,页面上的代码都是没有换行的,很多代码都和前一行的注释混在一起了,稍微长一点就没法看了,各位知道是怎么回事么? 解决方案 如果你是用linux环境下的编辑器复制的代码,要注意,在linux下,换行符和wind

紧接上篇,jQuery调用jsonp,并且在页面上展示

在上篇中提到了spring4.1+支持jsonp的调用,做了个例子,用来在页面上展示jsonp: (js写的丑了点,本人后端出生,前端大侠们轻拍~) 1 var Menu = function () { 2 3 return { 4 getMenuData: function (json) { 5 console.log(json); 6 var data = json.data; 7 var html = ""; 8 for (var i = 0 ; i < data.leng

图片-通过jsp页面上传图,路径保存到oracle中,怎么能在上传的时候把文件的名字改成自己想要的

问题描述 通过jsp页面上传图,路径保存到oracle中,怎么能在上传的时候把文件的名字改成自己想要的 图片保存到磁盘后,当我想换掉这个图片时,用什么方法可以用新的图片覆盖掉老图片 解决方案 一般存路径就是文件改过名字的路径,再次保存新图片,取得原来的路径删除呗,然后在存 解决方案二: 上传的时候重命名同时将文件路径的信息保存到数据库. 硬盘保存文件 . 解决方案三: 用文件流写文件的时候路径不就是名字 解决方案四: 上传的时候用自己想要的名字存在服务器上就行了

图片撑破: 图片太大图片撑破页面变形的解决方法

<script language="JavaScript"> var imgObj; for(i = 0; i < document.all.length; i++) { if(document.all(i).tagName.toLowerCase()=="img") { imgObj = document.all(i)  //建议只判断高度或者宽度其中一个,那样可以自动按比例缩放  if (imgObj.height>500)  //判断图

基于jquery的防止大图片撑破页面的实现代码(立即缩放)_jquery

为了防止图片撑破布局,最常见的仍然是通过onload后获取图片尺寸再进行调整,所以加载过程中仍然会撑破.而Qzone日志的图片在此进行了改进,onload完毕后才显示原图.我以前用onload写过一个小例子:http://www.planeart.cn/?p=1022 通过imgReady可以跨浏览器在dom ready就可以实现图片自适应,无需等待img加载,代码如下: (3-17修复网友crossyou 指出的一处错误,并且新版本去掉了替换图片) 复制代码 代码如下: // jquery.a

页面显示-为什么页面上 显示不出jsp中label 里的文字 求大神指教

问题描述 为什么页面上 显示不出jsp中label 里的文字 求大神指教 为什么页面上 显示不出jsp中label 里的文字 求大神指教 解决方案 你要显示什么东西?把代码贴出来 解决方案二: 你这是表格还是div的?如果是表格的话应该就没有这问题吧.div的话可能被覆盖了.div的话可以这样试试: 密码 相关文章 java web-.jsp页面中如何把文字写在图片上想要的位置? jsp-在一个JSP页面显示显示两张表的数据,求大神求好心淫 帮帮我~~~~~~ java web-求大神指教关于J

jQuery实现等比例缩放大图片让大图片自适应页面布局_jquery

在布局页面时,有时会遇到大图片将页面容器"撑破"的情况,尤其是加载外链图片(通常是通过采集的外站的图片).那么本文将为您讲述使用jQuery如何按比例缩放大图片,让大图片自适应页面布局. 通常我们处理缩略图是使用后台代码(PHP..net.Java等)根据大图片生成一定尺寸的缩略图,来供前台页面调用,当然也有使用前台javascript脚本将加载后的大图强行缩放,变成所谓的缩略图,这种方法不可取.但是,针对网站内容页,如本站文章详情页,如果需要加载一张很大的图片时,为了防止"