如何实现从照片中裁切自已的肖像呢？

(编辑：jimmy 日期: 2025/12/28 浏览：2)

在会员注册时，让会员输入头像对后续的功能很重要。很难指望普通人具备photoshop的操作能力，让他们提供合乎尺寸的个人照片不太现实。还好现在可以让服务端支持图片处理，我们只需要在客户端提供用户设计图片的接口就可以了。

下面的程序实现了裁切缩放部分图片的功能。从技术上来看，主要是怎么让半透明的摭罩中空，为了实现这一点，我使用了3*3的表格来模拟座标上的矩形，通过指定左上单元格的宽高来设置矩形的座标，而中心单元格的宽高则与矩形的尺寸相对应。

<HTML xmlns:v> <BODY> <style> #tbHole td{background:white;filter:alpha(opacity=50);-moz-opacity:.5} #tbHole img{width:1;height:1;visibility:hidden} v\:*{behavior:url(#default#vml)} </style>               <a href="javascript:;" onclick="showimg('$2');"><a href="javascript:;" onclick="showimg('$2');"><img src="$2" alt="如何实现从照片中裁切自已的肖像呢？" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></a>     <a href="javascript:;" onclick="showimg('$2');"><a href="javascript:;" onclick="showimg('$2');"><img src="$2" alt="如何实现从照片中裁切自已的肖像呢？" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></a>     <a href="javascript:;" onclick="showimg('$2');"><a href="javascript:;" onclick="showimg('$2');"><img src="$2" alt="如何实现从照片中裁切自已的肖像呢？" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></a>     <a href="javascript:;" onclick="showimg('$2');"><a href="javascript:;" onclick="showimg('$2');"><img src="$2" alt="如何实现从照片中裁切自已的肖像呢？" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></a>   </BODY> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：使用透明叠加法美化文件上传界面的代码

下一篇：解决远程页面抓取中的乱码问题？