【javascript – 使用Jcrop裁剪上传的图像】教程文章相关的互联网学习教程文章

javascript-Jcrop返回回调对象的小数【代码】

使用jcrop库,我无法跟踪为什么回调上的返回对象可以且有时包含小数.我希望所有的x1,x2,y1,y2,宽度和高度都是整数. 我对jcrop的初始化是:$('img.jsEditable').Jcrop({bgColor: 'black',bgOpacity: .4,setSelect: [0, 0, crop_width, crop_height],aspectRatio: 1,onSelect: saveCoordinates,minSize: [crop_width, crop_height],maxSize: [400, 400]});其中crop_width和crop_height只是我在其他地方设置的变量,恰好是150.我期望(如...

javascript – 使用Jcrop裁剪上传的图像【代码】

我正在尝试使用Jcrop裁剪上传的图像.我的目的是在用户上传时裁剪图像.我不需要将用户上传的图像存储在服务器中.但是,我应该只存储通过Jcrop选择的图像用户部分到服务器.这是问题的fiddle链接 我使用了以下代码: HTML:<form id="form1"><input type='file' id="imgInp" /><img id="blah" class="crop" src="#" alt="your image" /><input type="hidden" id="x" name="x" /><input type="hidden" id="y" name="y" /><input type="h...

javascript – Jcrop裁剪图像无法正常工作,裁剪错误的部分【代码】

我使用jcrop裁剪图像.下面的代码包含客户端代码,它将图像和坐标一起发送到服务器端进行裁剪.据我所知,jcrop代码看起来很好,但没有返回正确的结果. 在此工作数小时但没有任何成功.搜索谷歌等但没有成功.任何帮助将深表感谢.<html> <form id="frm1" action="jcropServer.php" method="post" enctype="multipart/form-data" ><img id="img1"/><label> <input type="text" size="4" id="x" name="x" /></label><label><input type="tex...

javascript – 使用JCrop重新缩放大图像【代码】

我正在使用Jcrop裁剪图像.我的浏览器窗口溢出的大图像出现了问题,因此我按照Jcrop’s page的建议使用了Box尺寸方法来缩放大图像以适应裁剪框内部.我使用了示例代码(如下)并且效果很好,但问题是我现在在浏览器中同时拥有缩放图像和巨大图像.我想只在我的浏览器中显示重新缩放的图像.有什么建议?这是它显示的example.$(function(){ $('#cropbox').Jcrop({ boxWidth: 700, boxHeight: 700}); });$(function(){$('#cropbox').Jcrop...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部