jcrop - 中心的默认裁剪选择

Posted

技术标签:

【中文标题】jcrop - 中心的默认裁剪选择【英文标题】:jcrop - default crop selection at center 【发布时间】:2013-12-23 13:22:18 【问题描述】:

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

            

【问题讨论】:

查看这个***.com/questions/13690404/… 【参考方案1】:

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

【讨论】:

解决方案是什么??

以上是关于jcrop - 中心的默认裁剪选择的主要内容,如果未能解决你的问题,请参考以下文章

上传裁剪图片-----Jcrop图片裁剪插件

Jcrop on video - 视频仅在裁剪选择中显示

使用 jcrop 裁剪带有预览的图像

裁剪图像并将图像保存为圆形 JCrop

前台Jcrop配合后台Graphics实现图片裁剪并上传

JavaScript图片裁剪