使用cropper.js时出现问题

Question

我正在使用cropper.js处理我正在处理的事情，但是在让它正常工作时遇到一些麻烦，是否有可能看到我可能做错了什么。

图像＆＃34;重复＆＃34;在网页上。 （例如，使用随机图像）

我的Html，图片：

<img id="ImageFrame" src="http://www.availstaffing.com/wp-content/uploads/2010/07/Temporary-Button.jpg" style="max-width:100%" />

我的javascript：

$(function () {
                var image = $('#ImageFrame');
                var cropImage = new Cropper(image[0], {
                    preview: 'div#CropPreview',
                    built: function () {},
                    crop: function (e) {
                        $("#cropX").val(Math.round(e.detail.x).toString());
                        $("#cropY").val(Math.round(e.detail.y).toString());
                        $("#cropH").val(Math.round(e.detail.height).toString());
                        $("#cropW").val(Math.round(e.detail.width).toString());
                    }
                });
            });

然后结果：

欢迎任何帮助。

Answer 1

尝试将 cropper.css 添加到您的文件