我从来没有真正开发过jquery插件,而且我忽略了这个概念.我正在尝试修改这个,以便有一个新的回调来动态地设置高宽比。
因此,在cropper.js中,我添加了一个回调,如下所示:
Cropper.prototype = {
construstor: Cropper,
//init function with init code
//My new function
setAspectRatio: function(ratio) {
console.log(ratio);
this.disable();
this
我正在使用Laravel 5.3,我想打包所有的javascript文件,在文件app.js中,我需要() tether和cropper,如下所示:
require('tether');// `tether` is put at the head of `Bootstrap`
require('./bootstrap');
require('cropper');
Vue.component('example', require('./components/Example.vue'));
const app =
我正在使用cropper.js,当我试图初始化时,我得到了错误的Uncaught TypeError: image.cropper is not a function at FileReader.oFReader.onload。我已经从我做的最后一个项目中复制了代码,在那个项目中它可以正常工作。 我已经尝试了cropper和cropper.js,但都不起作用。我把裁剪器导入到html,就像这样,文档的头部。 <script src="node_modules/jquery/dist/jquery.js"></script>
<script src
我在JavaScript/Django项目中使用cropper.js。我让它工作了,但我发现裁剪的图像文件大小比源图像大得多,大约是原来的10倍。
似乎源程序JPG文件在被裁剪时被压缩为PNG。这是为什么,我如何防止这件事?
下面是我使用cropper的JS代码:
let img_data;
let cropper;
// Display image cropper ui when file is selected
add_image_input.addEventListener('change', () => {
// Get image file obje
我修改了cropper.js库网站()中的示例。
此示例的原始版本:
我的版本:
var image1
var cropper1
var image2
var cropper2
function cropperInstances() {
image1 = document.querySelector('#image1');
cropper1 = new Cropper(image1, {
dragMode: 'move',
aspectRatio: 1 / 1,
我克服了很多的解决方案和建议,但对我没有任何作用。我使用下拉区域的图像上传和裁剪js裁剪图像。但是每次我裁剪图像后,图像的质量就会降低(模糊)。
实际图像
作物图像
//This is my cropper js code, As per the documentation I have set max height, max width, imageSmoothingQuality etc. But still image qualty get reduced after crop.
var $cropperModal = $("<div>Company