2013-12-23 110 views
3

我在我的ASP.NET C#應用程序中使用JCrop來裁剪圖像。 默認情況下,我希望作物選擇區域設置在圖像中心, 這裏是我當前的代碼,但問題是,它始終以0,0開始選擇。jcrop - 在中心的默認作物選擇

  $('#img_crop').Jcrop({ //img_crop is the ID of image control 
       onChange: updatePreview, // will display the selected img on change. 
       onSelect: updatePreview, // will display the selected img Img_preview 
       bgColor: 'black', 
       bgOpacity: .6, 
       //setSelect: [100, 100, 240, 240], 
       setSelect: [ ($('#img_crop').attr('width')/2) - 70, 
         ($('#img_crop').attr('height')/2) - 70, 
         ($('#img_crop').attr('width')/2) + 70, 
         ($('#img_crop').attr('height')/2) + 70 
        ], 
       onSelect: storeCoords, // will tell the coordinates 
       aspectRatio: 1 

      } 
+0

檢查這一個http://stackoverflow.com/questions/13690404/how-to-center-jquery-jcrop-in-the-center-of-the-picture – Sarah

回答

2

屬性'width'和'height'可能未設置。我寧願使用$('#img_crop').width()和$('#img_crop')。height()來代替,看看是否有效。

+0

非常接近解決方案,感謝提示。 ... –

+5

什麼是解決方案? – muttley91