我想用程序在浏览器里显示一幅图片的截取部分（不缩放）

Question

<div style="background-image:url(default_1.jpg); background-position:center;height:100; width:100;">sdklfjk</div>不能是中心，只能是图片顶部的中心。

Answer 1

这倒也是个办法，试试看， yj821说的组件不知道是不是.NET的我准备搞完ASP搞JSP的，目前做的东西也是ASP的 如果用组件 有点&*@^!#*(@!#(@其实就是不知道JS的图片对象有没有能够实现这个目的的直接或间接方法（函数）至于怎么实现倒不是很困难 按自适应缩放函数的思路做就可以了  如果能用程序像作图软件那样剪切图片的相应区块就好了

Answer 2

<div style="width:100px; height:60px;background:url(http://www.google.com/intl/zh-CN_ALL/images/logo.gif) center no-repeat;"></div>

Answer 3

我晕，这么点事也动用 JavaScript 呀？！不值得呀 :)~~给你帖一下 CSS1 Reference 中的一段，看看你自己也就会了：------------------------------------------
background版本：CSS1　 兼容性：IE4+ NS4+　继承性：无
 
语法：
background : background-color || background-image || background-repeat || background-attachment || background-position参数：
该属性是复合属性。请参阅各参数对应的属性。说明：
如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
默认值为：transparent none repeat scroll 0% 0%。
background-color版本：CSS1　 兼容性：IE4+ NS4+　继承性：无语法：
background-color : transparent | color 参数：
transparent : 　背景色透明
color : 　指定颜色。请参阅颜色单位和附录：颜色表说明：
设置或检索对象的背景颜色。
background-image版本：CSS1　 兼容性：IE4+ NS4+　继承性：无语法：
background-image : none | url (url)参数：
none : 　无背景图
url : 　使用绝对或相对地址指定背景图像说明：
设置或检索对象的背景图像。
background-repeat版本：CSS1　 兼容性：IE4+ NS4+　继承性：无语法：
background-repeat : repeat | no-repeat | repeat-x | repeat-y 参数：
repeat : 　背景图像在纵向和横向上平铺
no-repeat : 　背景图像不平铺
repeat-x : 　背景图像在横向上平铺
repeat-y : 　背景图像在纵向平铺说明：
设置或检索对象的背景图像是否及如何铺排。必须先指定对象的背景图像。
background-attachment版本：CSS1　 兼容性：IE4+ NS6+　继承性：无语法：
background-attachment : scroll | fixed 参数：
scroll : 　背景图像是随对象内容滚动
fixed : 　背景图像固定说明：
设置或检索背景图像是随对象内容滚动还是固定的。
background-position版本：CSS1　 兼容性：IE4+ NS6+　继承性：无语法：
background-position : length || length
background-position : position || position 参数：
length : 　百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位
position : 　top | center | bottom | left | center | right说明：
设置或检索对象的背景图像位置。必须先指定background-image属性。默认值为：(0% 0%)。
如果只指定了一个值，该值将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。
该属性定位不受对象的补丁属性(padding)设置影响。

Answer 4

哦，对了，这样只是定位了背景，还没精确截取 100x100 呢，这个任务就交给你的容器了：设置容器的 CSS: width: 100px; height: 100px; 就可以了。

Answer 5

这种截取不是真正的截取,文件大小还是一样大,只是显示的部分隐藏掉了而已.最好使用服务端脚本的方式截取获得对应大小的图片.具体可以这样,getfile.asp?fileid=2&w=100&h=100&type=center在这个服务器端脚本里操作图片,可以使用控件的方式完成,用VB 结合API就可以了 ,JAVA 的话推荐Servlet的方式 /getfile?fileid=2&w=100&h=100&type=center 然后使用image类来操作

Answer 6

<div style="width:60px;overflow:hidden"><img src=http://sz.luohuedu.net/xml/Images/logo.gif></div>

Answer 7

还有一个重要的问题  我是想用背景的方法来实现局部显示图片，目的不是想做什么样的背景 用背景的方法是不得已的 我想用  style="cursor:hand" 来实现TD的链接 问题又来了 我想显示的这个图片很大的时候 比如说 600x500但是 装他的table 是100X100 如果显示 局部 那基本上 就看不懂图片的内容了  如果用 background- 的样式 没有调整 背景图片大小的设置选项 这个问题就搞不定 了------------------------------
还有 getfile.asp 是怎么GET的 我是想在缩放的同时 又能够截取局部 用样式都可以 只要目的达到就可以 怎么做都行 我知道有一种方法是先载入图片然后用一个客户端脚本在onload的时候重新设置大小 但是这种方法不能保证图片按照合适的比例填满容器所以我就想到 但background-样式的方法在遇到大尺寸图片时  显示的局部 就让人看不懂图片的内容了