国产精品久久人妻无码网站一区无,涩涩免费网站,泷泽萝拉首部av

在會員注冊時(shí)，讓會員輸入頭像對后續(xù)的功能很重要。很難指望普通人具備photoshop的操作能力，讓他們提供合乎尺寸的個(gè)人照片不太現(xiàn)實(shí)。還好現(xiàn)在可以讓服務(wù)端支持圖片處理，我們只需要在客戶端提供用戶設(shè)計(jì)圖片的接口就可以了。

下面的程序?qū)崿F(xiàn)了裁切縮放部分圖片的功能。從技術(shù)上來看，主要是怎么讓半透明的摭罩中空，為了實(shí)現(xiàn)這一點(diǎn)，我使用了3*3的表格來模擬座標(biāo)上的矩形，通過指定左上單元格的寬高來設(shè)置矩形的座標(biāo)，而中心單元格的寬高則與矩形的尺寸相對應(yīng)。

<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>      <table id=tbHole cellpadding=0 cellspacing=0 width=100% height=100% style=position:absolute>         <tr height=158><td width=243><img></td><td width=120><img></td><td><img></td></tr>         <tr height=140>             <td><img></td>             <td onmousedown=$('bxHole').dragStart(event,0) style="background:transparent;filter:;-moz-opacity:1;cursor:move;border:1px solid white !important"><img></td>             <td><img></td>         </tr>         <tr><td><img></td><td><img></td><td><img></td></tr>     </table>     <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需刷新才能執(zhí)行]

JavaScript技術(shù)：如何實(shí)現(xiàn)從照片中裁切自已的肖像呢？，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。

天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

如何實(shí)現(xiàn)從照片中裁切自已的肖像呢？

相關(guān)文章閱讀