html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

如何实现从照片中裁切自已的肖像呢?_javascript技巧_

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

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

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助