怎么用js或者jquery實(shí)現(xiàn)本地裁剪

網(wǎng)上很多這樣的圖片裁剪插件，最好用最常用的是jcrop，這里是他的官網(wǎng)

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名與空間、網(wǎng)絡(luò)空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、紅橋網(wǎng)站維護(hù)、網(wǎng)站推廣。

當(dāng)然中文翻譯過來的文章也很多，樓主可以搜索下~

js或者jQuery在這里只能實(shí)現(xiàn)確立要裁剪的范圍，實(shí)際的裁剪是要交給后臺(tái)進(jìn)行的。

基本思路就是，設(shè)定一個(gè)半透明框，在要裁剪的圖片中進(jìn)行拖動(dòng)和定位，然后把這個(gè)框的范圍（也就是四個(gè)角的坐標(biāo)送到后臺(tái)），后臺(tái)如PHP提供相關(guān)的圖片處理函數(shù)，對(duì)圖片進(jìn)行裁剪。

思路比較簡(jiǎn)單，操作起來也不難。

希望對(duì)樓主有幫助~~

jquery怎么打開本地圖片預(yù)覽，點(diǎn)擊確定后上傳

1, tapmodo / Jcrop

Jcrop是人氣最高的圖片裁剪jQuery插件，stars數(shù)量2k+，功能非常豐富，文檔齊全，首選。Github.com官網(wǎng)也使用了這個(gè)插件。有一個(gè)小細(xì)節(jié)是，邊框線的螞蟻線是動(dòng)畫的，真的很用心。

2, fengyuanchen / cropper

Cropper也是一款圖片裁剪jQuery插件，stars數(shù)量1k+，是杭州的前端工程師Fengyuan Chen所寫的，功能也相當(dāng)豐富，裁剪時(shí)還可以對(duì)原圖進(jìn)行旋轉(zhuǎn)。

3, imgAreaSelect 也是比較經(jīng)典的圖片裁剪jQuery插件，我很久以前就在自己的項(xiàng)目中使用過，stars數(shù)量500+。

Jquery的Jcrop圖片裁剪插件，被裁剪的圖片改不了，重新給別的src顯示還是原來那張圖

之前專門寫的一個(gè)基于Jcrop圖片裁剪實(shí)現(xiàn)的插件文章，希望對(duì)你有幫助

jquery imagemogr2 怎么用

調(diào)用該方法參數(shù) (根據(jù)坐標(biāo)值裁剪原圖片,生成大小為1024*768c尺寸的圖片)

var cropObj = {"x":100,"y":68,"x2":767,"y2":568.25,"w":667,"h":500.25};

var width = 1024;

var height = 768;

clipImage(key,cropObj, width, height);

js或者jQuery裁剪圖片然后放大。

不知道你所說的圖片是不是用戶上傳的

如果是的話我有寫了一個(gè)插件可以用

這個(gè)網(wǎng)址是測(cè)試用的

這個(gè)網(wǎng)址有使用方法

如果使用方法看不懂的可以直接私信我

順便說一句

這個(gè)插件支持手機(jī)網(wǎng)頁

做一個(gè)簡(jiǎn)易圖片編輯器，要求能從本地打開圖片，有裁剪功能，用HTML5，jquery和css3,

這里有一個(gè)用jquery做的 圖片剪切上傳的插件 你看下 滿足你的需要不