无法查看cropper js的预览

亚历克斯·曼

我使用cropper.js创建了一个用于裁剪图像的应用程序,该应用程序正在运行并且图像正在裁剪,但是我无法看到预览,我的预览div在裁剪时未正确填充任何内容。我的代码如下

谁能告诉我一些解决方案

柱塞

脚本

 var $image = $('.img-container > img'),
    $dataRotate = $('#dataRotate'),
    options = {
       modal: true,
       guides: true,
       autoCrop: false,
       dragCrop: true,
       movable: true,
       resizable: true,
       zoomable: false,
       touchDragZoom: false,
       mouseWheelZoom: false,
       preview: '.preview',
      crop: function (data) {
        $dataRotate.val(Math.round(data.rotate));
      }
    };

您需要.preview使用CSS设置元素的大小还要将溢出设置为隐藏,例如

.preview {
  overflow: hidden;
  width: 50px; 
  height: 50px;
}

还分叉了您的朋克更新的朋克

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法查看多个上传和预览的图像预览

来自分类Dev

设置fengyuanchen jQuery Cropper.js v3.0.0 预览大小与图片相同

来自分类Dev

使用cropper.js和Django 2.2.7无法上传裁剪的图片

来自分类Dev

无法将Cropper.js模块包含在我的代码中

来自分类Dev

无法解析HTML以查看-angular.js

来自分类Dev

无法预览Laravel

来自分类Dev

plunker Angular Js的预览错误

来自分类Dev

无法预览Octopress生成的网站

来自分类Dev

Octopress无法运行rake预览

来自分类Dev

无法看到CorelDRAW文件的预览

来自分类Dev

图像预览无法正常工作

来自分类Dev

Three.js,从Collada导入的相机无法查看对象场景

来自分类Dev

无法从pdf.js查看器下载文件

来自分类Dev

无法使用 chart.js 查看工具提示数据

来自分类Dev

Angular pdf.js预览和打印

来自分类Dev

Angular pdf.js预览和打印

来自分类Dev

如何设置 FilePond js 图像预览

来自分类Dev

如何在VSCode中将.mdx文件的预览作为markdown查看

来自分类Dev

使用预览查看PDF文件中嵌入字体的列表

来自分类Dev

如何以打印预览格式查看嵌入在表单中的报告

来自分类Dev

Facebook Share缓存崩溃,以查看预览中的指定图像

来自分类Dev

如何在Word 2010的打印预览中查看章节编号

来自分类Dev

能够在Firefox中加载页面之前查看隐藏元素的预览

来自分类Dev

如何在ACDSee的预览中查看图像?

来自分类Dev

VS2010:在预览中查看方法注释吗?

来自分类Dev

该资源目前无法预览。-CKAN

来自分类Dev

Android Studio预览中的“无法解析资源”

来自分类Dev

QLPreviewView无法在沙箱中显示Quicklook预览

来自分类Dev

Android Studio无法渲染布局预览

Related 相关文章

热门标签

归档