javascript - 设置大小框裁剪 (Cropper Js)
问题描述
我在下面复制的代码运行良好。用于剪切图像。问题是,这很好,但我无法定义初始作物的大小。我只需要一个正方形来标记我从 400 x 400 像素开始切割的内容。
谢谢!
$(document).ready(function(){
var $modal2 = $('#modal2');
var image2 = document.getElementById('sample_image2');
var cropper2;
$('#upload_image2').change(function(event){
var files2 = event.target.files;
var done2 = function(url){
image2.src = url;
$modal2.modal('show');
};
if(files2 && files2.length > 0)
{
reader2 = new FileReader();
reader2.onload = function(event)
{
done2(reader2.result);
};
reader2.readAsDataURL(files2[0]);
}
});
$modal2.on('shown.bs.modal', function() {
cropper2 = new Cropper(image2, {
aspectRatio: 1,
viewMode: 3,
preview:'.preview2'
});
}).on('hidden.bs.modal', function(){
cropper2.destroy();
cropper2 = null;
});
解决方案
推荐阅读
- python - 创建具有顺序名称的多个数据框
- vb.net - Zxing.Net 读取二维码
- c# - IN 和 OUT DTO 有任何命名约定吗?
- html - 在 CSS Grid 中仅显示一行并隐藏其他行
- python-3.x - 将 csv 文件转换为边和节点以创建和绘制 networkx 图
- html - 如何使用 CSS 和 HTML 正确设置列表元素之间的分隔符?
- terraform - 用于私有 DNS 和 vnet 链接的 Azure Terraform
- python - 如何将正则表达式应用于熊猫中的拆分列?
- python - 如何使用 tkinter 在一个窗口中居中两个框架?
- sql - 更新数据库查询