2014-04-15 93 views
0
的最小高度和寬度

我一組的郵件模板,它可以讓用戶如果用戶想在的特定區域添加圖像添加文字,圖像,改變字體和顏色等。現在工作模板,他們將首先點擊他們想要添加圖像的區域,然後在我的應用程序中添加庫中的圖像。現在讓我們考慮一下,他們在模板上點擊的區域的可接受尺寸是500 * 500,從庫中選擇的圖像是1000 * 1000,在這種情況下,應用程序會自動調出一個可以調整大小的裁剪工具圖片。但是,我想限制裁剪工具只能拖動到模板中所需位置的最小高度或寬度,即在此示例中,它們不應該能夠在高度或寬度以下拖動裁剪工具儘管它們可以保持一個或兩個尺寸在500以上,因爲裁剪工具自動調整尺寸爲500×500(例如800×500或甚至500×1000也是可接受的,因爲裁剪工具自動調整圖像的大小以適合在模板中)。我看了一下documentationthis question,但是找不到合適的答案來回答我的問題。下面是我的一些代碼驗證如果圖像需要進行裁剪:設置上JCrop

var SelectedAreaHeight; //returns the height of the area they clicked on the template 
var SelectedAreaWidth; //returns the width similarly 

function ImageClick(data) 
{ 
var ReturnImageHeight; //returns the height of the area they clicked on 
var ReturnImageWidth; //returns the width similarly 

    $(".ResizeImage").each(function() 
    { 
     ReturnImageHeight = $(this).data("height"); 
     ReturnImageWidth = $(this).data("width"); 
    } 
    }); 

    if (ReturnImageHeight > SelectedAreaHeight || ReturnImageWidth > SelectedAreaWidth) 
    { 
     //this checks if the selected image's height OR width is greater 
     //than the desired area in the template to bring up the cropping tool. 
    } 
} 

現在有沒有一種方法,我可以只限制的方式裁剪工具,它是不低於SelectedAreaHeight OR SelectedAreaWidth「作物能夠」 ?同樣請忽略上面示例代碼的任何問題,因爲我沒有粘貼所有的代碼(它不僅僅是這些)。

回答

7

Ekhm:d 有在jcrop :)

http://deepliquid.com/content/Jcrop_Manual.html#Setting_Options

minSize屬性這樣的選項:陣列[W,H]:最小寬度/高度,對於無界 維度n使用0 /一個

+0

我要發佈此程爲答案,當我碰到它,但我不能回答我的問題在接下來的8小時。無論如何,謝謝:) –

+0

好吧:)太糟糕了,你失去了一些你的時間。 :D下一次使用手動谷歌或ctrl + f:D 我已經與谷歌創建解決方案。 :)我已經使用jcrop,但從來不需要這樣的選項。 <3 jcrop - 酷插件。 –

+0

當然,我會再次感謝。 JCrop很酷,我同意! :d –