如何实现从照片中裁切自已的肖像呢?
时间:2021-06-12 08:17:25|栏目:JavaScript代码|点击: 次
在会员注册时,让会员输入头像对后续的功能很重要。很难指望普通人具备photoshop的操作能力,让他们提供合乎尺寸的个人照片不太现实。还好现在可以让服务端支持图片处理,我们只需要在客户端提供用户设计图片的接口就可以了。
下面的程序实现了裁切缩放部分图片的功能。从技术上来看,主要是怎么让半透明的摭罩中空,为了实现这一点,我使用了3*3的表格来模拟座标上的矩形,通过指定左上单元格的宽高来设置矩形的座标,而中心单元格的宽高则与矩形的尺寸相对应。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
下面的程序实现了裁切缩放部分图片的功能。从技术上来看,主要是怎么让半透明的摭罩中空,为了实现这一点,我使用了3*3的表格来模拟座标上的矩形,通过指定左上单元格的宽高来设置矩形的座标,而中心单元格的宽高则与矩形的尺寸相对应。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇:微信小程序 wx:key详细介绍
栏 目:JavaScript代码
下一篇:javascript实现的样式表(CSS) 格式整理与压缩
本文标题:如何实现从照片中裁切自已的肖像呢?
本文地址:http://www.codeinn.net/misctech/140474.html






