jcrop - 中心的默认裁剪选择

时间:2013-12-23 13:22:19

标签: jquery asp.net image-resizing jcrop

我在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

            }

1 个答案:

答案 0 :(得分:2)

可能未设置属性'width'和'height'。我宁愿使用$('#img_crop')。width()和$('#img_crop')。height()来查看是否有效。