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

2016-02-19 10:33 8 1 收藏

只要你有一台电脑或者手机，都能关注图老师为大家精心推荐的如何实现从照片中裁切自已的肖像呢？，手机电脑控们准备好了吗？一起看过来吧！

【 tulaoshi.com - Web开发】

在会员注册时，让会员输入头像对后续的功能很重要。很难指望普通人具备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> <img><img><img><img> <img> <img><img><img><img>  <img id=bxHoleMove1 src=http://www.5djs.com/images/upload/41.gif onmousedown=$('bxHole').dragStart(event,1) style="cursor:nw-resize;position:absolute;width:5;height:5;border:1px solid white;background:#BCBCBC"> <img id=bxHoleMove2 src=http://www.5djs.com/images/upload/41.gif onmousedown=$('bxHole').dragStart(event,2) style="cursor:sw-resize;position:absolute;width:5;height:5;border:1px solid white;background:#BCBCBC"> <img id=bxHoleMove3 src=http://www.5djs.com/images/upload/41.gif onmousedown=$('bxHole').dragStart(event,3) style="cursor:nw-resize;position:absolute;width:5;height:5;border:1px solid white;background:#BCBCBC"> <img id=bxHoleMove4 src=http://www.5djs.com/images/upload/41.gif onmousedown=$('bxHole').dragStart(event,4) style="cursor:sw-resize;position:absolute;width:5;height:5;border:1px solid white;background:#BCBCBC">   </BODY> </html>

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

来源:http://www.tulaoshi.com/n/20160219/1595052.html

上一篇：怎么给QQ设置双重登陆密码？
下一篇： java HashMap的keyset实例

看过《如何实现从照片中裁切自已的肖像呢？》的人还看了以下文章更多>>

Photoshop简单去除照片中的杂物

标签： PS相片处理 PS基础 PS PS效果

生活中我们拍摄色照片可以会因为有一些杂物而影响了整个照片的美观。如果杂物不是很复杂的话，我们就可以用简单的方法来消除它们。原图最终效果 1、打开原图素材，先把人物部分抠出来，复制到新的图层如图1。图1 2、回到背景图层，用钢笔工具勾出图2所示干净的木板部分，复制到新的图层。图2 3、把勾出的木板复制一层...

Photoshop如何快速去掉照片中的人物

标签： PS PS基础

国庆黄金周后，相信很多朋友都拍了大量旅游风景照。本文为你讲解去掉旅游照片中不想留的人物，并告诉您相关拍摄时的技巧问题。在繁忙的旅游地拍摄中，不断的寻找位置，以求照片中不会出现其他人或汽车之类，这是比较非常困难的事情。有些地方是如此受欢迎，以至于没有一刻是没有人在的。下面介绍一些简单的技巧，允许你创造出无人的照片。...

消除照片中的黑眼圈

标签： PS PS基础 ps平面设计教程 ps去水印教程

原图最终效果图第一步：打开MM的黑眼圈照片，按“Ctrl++”键将图像放大到300倍，在“工具”栏里用鼠标左键单击并按住“套索工具”不放，在弹出的工具选项中选择“多边形套索工具”。接着沿眼线将左眼黑眼圈部分选取，然后执行“选择→羽化”命令，在弹出的“羽化选区”对话框中将“羽化半径”设置为5像素，最后单击“好”按...

羡慕照片中的美丽星空吗？

标签： PS PS教程

本次实例我们要做这样的图片。图1 作品 1.开启一个新的文件(RGB或GRAYSCALE皆可) 。 2.使用(FIilter)-(Noise)-(Add Noise)，Amount最大及Distribution选Gaussian来增加杂点。~Monochromatic不一定要图2 增加杂点 3.使用(Filter)-(Blur)-(Gaussian Blur)来将图片以高斯模糊来处理。图3 高斯模...

Photoshop消除照片中的杂色条纹

标签： PS PS教程

本文由中国专家 cfljg 原创，转载请保留此信息！原图：效果图： [next] 此图用替换通道很容易就把色条去掉，但颜色损失很严重。为了尽量保持原有的颜色，谈谈我的愚见如下： 1、打开图片，复制一层，得到图层1，进入通道，复制蓝通道，得到蓝副本图1 2、滤镜——其它——高反差保留图2 [next] 3、...

查看更多精彩>>