jcrop - 中心的默认裁剪选择

Question

我在我的 ASP.NET C# 应用程序中使用 JCrop 来裁剪图像。 默认情况下，我希望将裁剪选择区域设置在图像的中心， 这是我当前的代码，但问题是，它总是从 0,0 开始选择。

            $('#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

            }

Answer 1

可能未设置属性“宽度”和“高度”。我宁愿使用 $('#img_crop').width() 和 $('#img_crop').height() 来查看是否可行。