1回答
我正在使用Bootstrap和dropzone.js，以使用户可以通过拖放上传图像。因此，我创建了一个拖放区域，即使是多张图片也能正常上传。但现在，我想在上传之前裁剪图片。我认为dropzone.js初始化函数中的this.on("added file", function(file){事件是正确的地方，但我不知道如何转换文件，以便在特殊模型中逐个裁剪文件并上传裁剪后的图像。
浏览 2提问于2017-01-07得票数 1
1回答
我正在使用作物js来裁剪图像。更多信息请访问：
这是我的javascript代码，可以将图片裁剪成画布。
var result = document.getElementById('result');
result.innerHTML = '';
result.appendChild(cropper.getCroppedCanvas());
成果司：
<div id="result"></div>
裁剪后，它会返回给我画布里面的结果div。
<div id="result"> <canva
浏览 0提问于2019-08-09得票数 0
回答已采纳
我使用的是JS cropper库。一旦裁剪完成，裁剪者就会给我一个画布，这样我就可以获得数据并将裁剪后的图片上传到我的服务器上。
目前它的工作很好，但当转换画布到PNG数据网址，因为我想我的输出图片非常大(它是一个横幅)，上传实际上需要很多时间，所以我更喜欢用JPEG，它似乎压缩更好的大图片。但是JPEG没有alpha通道，所以我必须用背景来代替它(我选择的颜色是白色)。
那么，谁能告诉我，当原始图像是这样时，如何将画布转换为JPEG格式的数据url：
这是PNG中警告图标的裁剪图片。背景是alpha，它有一些黑色的图画。
我已经做了一些尝试，但似乎当我在画布上画一个矩形时，它会在我
浏览 0提问于2015-12-29得票数 1
1回答
我已经裁剪了一个不规则形状的图像。我需要在裁剪的部分插入一张图片。我已经使用了HTML5和JavaScript (kinetic.js)来做这件事(参见：)。我已经把这个区域画好了。我不想要像矩形，多边形等形状。我需要一个用户定义的形状，应该是使用鼠标裁剪。
有谁能帮我一下吗？
浏览 1提问于2013-01-07得票数 0
我在powerpoint图层中有一张裁剪过的图片，我想在不改变裁剪区域大小的情况下更改图片。如果我通过单击“更改图片”来更改图像，裁剪区域也会调整大小，以显示整个图片。如何才能在不更改裁剪区域的情况下做到这一点？
在Apple Keynote中，您只需将想要的图片拖动到裁剪区域，并且只需将其对齐即可。
浏览 4提问于2015-09-30得票数 9
3回答
从URL裁剪图像
、、、、
您好，我一直在使用iTunes应用程序接口，我所做的是将搜索返回的数据保存到数据库中。我正在将iTunes图片网址保存到我的数据库中，我想知道用PHP裁剪图片的最好方法是什么，还是在我在网站上显示图片之前用jQuery裁剪图片更好？提前感谢您的建议！
浏览 23提问于2013-04-11得票数 1
回答已采纳
1回答
我想应用一个透明的圆圈蒙版的图片发送到我的node.js服务器；这样我就可以在旧浏览器和电子邮件客户端显示圆圈形状的图片。
我已经使用node-canvas来调整和裁剪我的图片，所以我想知道这种图片操作是否可以通过canvas api来完成。
浏览 3提问于2012-03-12得票数 2
1回答
我真的是死路一条。我正在使用(现在称为)在表单数据中上传带有复选标记的图像，以标记要使用的主图像。我需要额外的功能，即裁剪，不幸的是，JQuery不支持裁剪(如果我错了，请纠正我)
下面是我的例子，我可以浏览文件和上传图片，并选择一个主图像。
我从裁剪库中需要的是：
在JQuery菲勒中显示预览前裁剪
制作方形/矩形图像(预置形状/大小/比率)
我的问题是，如何使用这两个单独的js库(如果您有任何其他与JQuery filer一起工作的裁剪库，您可能会建议我，只要文件上传一个具有复选标记功能的免费js库)，就可以得到所需的输出。任何人都可以告诉我如何或链接将是非常好的。真
浏览 6提问于2017-04-03得票数 0
1回答
在上传到Laravel之前，我已经看过很多关于裁剪图片的教程。我的问题是，我不希望用户在上传之前决定图像的尺寸。我想要设置默认尺寸，这样用户所要做的就是拖动图像的哪些区域，以我为其设置的尺寸进行裁剪。有没有什么JS包可以让我轻松做到这一点？谢谢。
浏览 29提问于2021-08-12得票数 0
大家好，我用jcrop裁剪了我的图片，我有裁剪图片的data_uri，我已经把它们整理成了一个数组，但是当我发出ajax请求时，这个数组似乎不能被传递，因为在php中数组是空的。下面是我的代码
JS
var cropped_images = {/**array of data_uris **/};
console.log(cropped_images); // still have my array intact
$.post(url,cropped_images,function(data){
console.log(data) //empty
}
)
PHP
浏览 2提问于2014-11-26得票数 0
我正在使用UIDocumentInteractionController在Instagram iOS应用程序上发布图片，它工作得很好。但是，当图片出现在Instagram上时，无法对其进行裁剪。将跳过第一个裁剪步骤。我试图发布“非正方形”的图片，但裁剪仍然是不可能的。
有没有一种方法可以将图片发布到Instagram App上，并允许用户像其他导入的图片一样进行裁剪？
浏览 2提问于2013-04-22得票数 2
我想在裁剪后上传图片。我是这样做的:首先上传图片并在页面中显示。但问题是，当我裁剪图像并单击submit按钮时，相应的图像裁剪bean不会被调用。我不知道我哪里错了。
xhtml代码：
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p
浏览 1提问于2011-11-16得票数 1
回答已采纳
2回答
我正在使用jcrop在我的网站上裁剪图片。用户可以拥有图片的任何纵横比。有没有什么js库(或者用jcrop实现的方法)可以限制宽高比，这样用户就不能选择f.ex了。图片太单薄了？
浏览 3提问于2011-04-21得票数 1
回答已采纳
1回答
裁剪程序不加载模式中的img元素
、、、、
我正在使用风元晨的裁剪器来裁剪上传的图片，然后将其发布到表单中。 <div id="change-dp" uk-modal>
<div class="uk-modal-dialog uk-modal-body">
<button class="uk-modal-close-outside" type="button" uk-close></button>
<h2 class="uk-modal-title">
浏览 22提问于2020-08-22得票数 0
回答已采纳
2回答
我想知道是否有人知道解决这个问题的好策略：
我正在使用Laravel 4创建一个社交网站。用户可以将图片上传到自己的图库。这些图片可以是任何形状和大小，但其个人资料上的图库将仅显示图像的裁剪和调整大小的缩略图(200px X 200px)，您可以单击该缩略图查看完整图像。
我现在正在使用Laravel插件干预，它保存原始图像，然后调整大小和裁剪图像，并再次保存它(所以现在我有2个副本)。然后，我将裁剪/调整大小的图像显示为链接到全尺寸原始图像的缩略图。然而，我发现复制每一张图片都会浪费服务器上的空间，因为可能会有数千张图片上传到网站上。
有没有一种方法可以抓取原始图像，动态调整和裁剪它，并只在
浏览 2提问于2015-01-26得票数 1
是否可以在DIV中裁剪(缩放)图像？
我已经试过了，右边(黑色)的肖像图片将被裁剪-左边(红色)的风景图片也应该被缩放和裁剪。是否可以只使用CSS？
img {
width: 100%;
max-width:100%;
height: auto;
max-height: auto;
}
浏览 2提问于2014-03-28得票数 1
我想要的：
使用ImageMagick，我裁剪图片的一部分，然后将其粘贴到同一张图片的其他地方。
例：
我尝试了什么：
convert in.jpg -page +0+300 \( -clone 0 -crop 650x600+0+300 \) -flatten out.jpg
结果：
问题：
裁剪从图像的(0,0)开始。我想不出怎么用偏移量。
如何使用ImageMagick裁剪图片中央的一部分并将其粘贴到同一张图片上
浏览 4提问于2020-01-20得票数 0
回答已采纳
1回答
我有大量的可变大小的图像，可以上传或在数据库中找到。在不运行脚本进行大小调整的情况下，有没有办法完全修改HTML或使用CSS，这样图像就不会扭曲和拉伸，以匹配我分配的300x200的尺寸，而是从我最初的大图片(比如400x400)中剪切出300x200的图像？
我当前的标记如下所示
<image data-src="holder.js/300x200" alt="300x200" style="width:300px; height:200px;" src={{ photo.source_descr }}>
浏览 1提问于2013-01-14得票数 2
回答已采纳
如何更改woocommerce在产品目录页面中显示产品形象的方式？Woocommerce没有以正确的裁剪格式显示上传的图片，图片看起来也不正常。下面是一个例子： ? 我尝试过customized>WooCommers>Product Images>Thumbnail裁剪，但它不能解决我的问题。当我想在正方形框架上显示整个图像时，图片被裁剪了。如果我想显示不同尺寸的图片，这是不好的！我该怎么办？我使用Flatsome主题。
浏览 208提问于2020-06-16得票数 0
在我正在工作的项目，现在我想所有的图像上传到裁剪到相同的宽度和长度。首先，我想将所有图像的大小调整为ex。500px。在他们的大小，然后我想要的高度裁剪到400。因为一些具有500px宽度和500px高度的图片，以及一些将具有500px宽度和400px高度的图片，所以我希望那些高度超过400px的图片在调整大小后被裁剪。我想从底部去掉100px的裁剪部分。
浏览 0提问于2013-05-22得票数 0
回答已采纳
2回答
我很熟悉在php下使用imagecopyresampled来调整和裁剪图片，但是现在我遇到了一个特殊的问题:任务是裁剪一个很大的图片。1600x1200到500x120，这意味着将大小调整到500px，并将其高度裁剪为120px。有没有什么简单的方法，或者我需要自己计算裁剪值？谢谢
浏览 2提问于2011-12-14得票数 0
回答已采纳
3回答
如何在Android中裁剪图片？
当我用Google打开一张图片时，它不会显示一个裁剪选项。当我打开内置的画廊应用程序，它没有显示作物选项。
但奇怪的是，当我拿一个截图，点击屏幕截图的小缩略图，它显示了裁剪图像的选项。这是什么原因？
有更好的或内置的方式来裁剪图像吗？
浏览 0提问于2021-07-09得票数 1
回答已采纳
如果图片是裁剪的，我可以在div.Now中加载所有的5个图像，我试图在每个图像的旁边添加文本，如果图像是裁剪的，我尝试在该图像旁边添加裁剪文本，使用angularjs.How，我可以实现this.Can，请任何人帮助我解决这个问题。
我的html代码：
<div style="margin-top: 4px;">
<img width=30 height=50 style="margin-left: 12px;"
ng-repeat="general
浏览 4提问于2016-01-04得票数 1
回答已采纳
我有一个php页面，挂起3-10秒后，页面加载，你甚至不能向上或向下滚动，或关闭标签时发生这种情况。( chrome加载gif仍然循环)发生在Chrome和IE中。
Chrome Timeline：
显示ContentVeil.js一遍又一遍地重复。我想是客户端(？)，我做了一个grepWIN来搜索ContentVeil，但是没有成功，它没有出现在Chrome Network标签页上。
Chrome配置文件:第二张图片，来自上面的链接。
我认为这显示了来自meta-boxes.min.js，ln 1的匿名函数的问题。
meta-boxes.min.js：
不幸的是，第一行是一个封装了整个脚本的
浏览 2提问于2014-04-05得票数 4
我写技术博客，我经常需要拍摄屏幕截图。它更容易直接粘贴到我的谷歌文档，并在那里裁剪，而不是打开一个应用程序，以裁剪图像和上传到我的文档。
当我在Docs中裁剪图片时，它看起来很好，但是当我将文章粘贴到我的站点的编辑器中时，我之前剪过的图片看起来就像没有被裁剪过一样。
有人能建议我在迁移到另一个编辑器时保存Google中的图片的正确方法吗？
浏览 0提问于2020-05-03得票数 2
1回答
R中的裁剪图像
、、
我正在尝试使用R中的magick包来裁剪图像。我的目标是裁剪图像的左上角部分。到目前为止，我的代码似乎适用于某些图像，但相同尺寸的图像不适用于其他images.This：
library(magick)
library(tidyverse)
image_read("http://www.gettyimages.com/gi-resources/images/Plugins/Chrometab.jpg")%>%
image_chop("0x185+190")%>%image_crop("50x55+1")
我对几张图片这样做，所有
浏览 1提问于2017-09-27得票数 1
1回答
我有19张图片，我希望能够以同样的方式裁剪它们，裁剪掉每张图片上相同的区域。但我需要查看第一张图像，并确定要裁剪图像的哪一部分。然后，我想将该裁剪应用于所有其他图像。我的想法是，我可以保存第一个裁剪的四个角点，然后使用这四个点迭代其他18个图像，以正确设置裁剪。这看起来像是一个好的方法吗？或者有没有人知道Matlab程序已经做到了这一点?我已经在搜索了。
浏览 1提问于2011-05-28得票数 3
回答已采纳
我使用cropperjs来裁剪一些图片，我将图片上返回值为白色的getData方法的结果保存在数据库中。 {x, y, width, height, rotate} 我的用户可以在红色空间中的裁剪图像上放置点，有没有办法在蓝色空间中取回点的坐标？ 裁剪比例是免费的，所以原始图像比例和裁剪比例之间没有关系，我也没有原始图像的大小。 谢谢你的帮助 ?
浏览 21提问于2021-09-12得票数 0
回答已采纳
我正在尝试裁剪图像，但图像无法正确裁剪
我用来获得我想要的图片部分的代码是
Bitmap bmap = new Bitmap(pictureBox1.Image, pictureBox1.Width, pictureBox1.Height);
Bitmap cropImg = new Bitmap(cropArea.Width, cropArea.Height);
Graphics g = Graphics.FromImage(cropImg);
g.DrawImage(bmap, 0, 0, cropArea, GraphicsUnit.Pixel);
return cropImg;
我得到
浏览 1提问于2019-05-20得票数 0
1回答
Django上传多幅图像
、、、、
我需要一些帮助，使用Django将图片上传到服务器。我使用Dropzone.js上传多个图像，使用JCrop裁剪选定的图像。
我需要做的是允许用户上传他们的图像，并在同一个页面中显示它们，以裁剪每个图像，然后将它们作为图像列表发送到我的服务器。当我将上传的图像返回到页面时，我会遇到问题，我只想在那一刻显示上传的图像，而不是检索存储在数据库中的所有图像。我该怎么做？
提前谢谢。
浏览 0提问于2015-04-30得票数 0
伙计们，我想知道sorl缩略图是否有从底部到顶部裁剪的选项……我有一个垃圾的问题，在一些图片sorl缩略图是裁剪的人在图片的头部。
谢谢
浏览 1提问于2009-10-04得票数 3
回答已采纳
我正在为VBA中的powerpoint编写一个插件。我让用户选择一个图片或占位符，然后裁剪和缩放它们。但不允许对动画gif进行裁剪。有没有办法弄清楚所选的图片是动画gif还是普通图片？
非常感谢您的帮助。
由衷地，
本
浏览 4提问于2012-07-02得票数 1
回答已采纳
我使用的网络摄像头可以拍摄320 x 240张照片。这给了他们一种“风景”的感觉，我需要将图片的大小调整为169X225的“肖像”图片。这是为了一个徽章项目。无论如何，当我重新调整图片的大小时，它们都会因为纵横比的不同而被压缩。有没有办法同时调整图像和宽高比的大小？这会被认为是裁剪还是调整大小？我有点困惑，不知道从哪里开始。我主要使用VB，但如果有人有一个很好的C#示例，我会花时间转换它。谢谢
浏览 0提问于2010-07-08得票数 1
回答已采纳
因此，我使用一个名为vue-cropper.js的npm包来裁剪图像，并将裁剪后的图像上传到远程服务器。然而，上传部分的裁剪图像不工作，因为所有我得到的是一个CORS错误。但问题是，当我上传一张没有裁剪的图片时，它是有效的，并且没有错误。我不明白我做错了什么。 我已经检查过无数次cropper.js文档，它们告诉您要做的就是创建一个blob，并将其附加到表单数据中，然后再进行POST。再一次，这就是我正在做的。 这是我的裁剪组件的模板。 <vue-cropper
v-show="imageSrc"
class="vue-cropp
浏览 31提问于2019-05-06得票数 1
2回答
我正在开发相机应用程序。我正在使用UIImagePickerController.After捕获图像，在保存到画廊之前，我想裁剪图像，并需要将裁剪后的图像保存在画廊中。
我在谷歌上搜索，我找到了从图库中挑选图片的样本，然后裁剪不是我的requirement.Could的图片。有人做过这个吗？如果您已经阅读过任何教程/示例代码，请提前发布links.Thanks
浏览 1提问于2013-03-08得票数 1
2回答
我正试着沿着轮廓裁剪一张图片。该对象是使用surf功能检测到的，然后我想将图像裁剪为检测到的图像。
当使用裁剪时，包含其他对象的一些外部边界。我想沿着下面的绿线裁剪。OpenCV有RotatedRect，但我不确定它是否适合裁剪。
有没有办法沿着绿线完美地裁剪？
浏览 3提问于2013-06-03得票数 0
回答已采纳
有没有办法用css裁剪图片(img标签)，而不用php，javascript，使用父元素或将图片设置为背景图片？举个例子，假设我有一个400x400px的图像，包含在一个html文档中，如下所示：
<img src="400x400.jpg" />
有没有一种方法可以完全在css中裁剪这个图像(而不扭曲图像)？我之所以这样问，是因为这是一种更具语义的图像裁剪方式，但我不知道该怎么做。
浏览 3提问于2013-04-04得票数 0
回答已采纳
2回答
我在页面上有一张任意大小的图片。作为输出，我需要一个固定大小的图像，比如90x120px。我希望用户通过拖放90x120px‘窗口’后的大图像来选择图像的区域。窗口将指定结果图像。类似的东西是在中实现的。
我知道如何处理后端的图像，只要得到裁剪坐标，就没问题了。我想我需要将裁剪坐标放在隐藏的表单字段中。用户的拖放操作应该会使JavaScript填充字段，对吗？我是新来的JS，所以一步一步的指导会有很大帮助。
浏览 4提问于2009-02-13得票数 3
回答已采纳
有没有什么插件可以让图片的大小始终保持不变？假设始终宽度为500像素，高度为0或任意大小
因此，如果我上传的图片大小小于500px，假设图片宽度为250px，然后会自动调整到宽度500px。
如果我上传的图片尺寸大于500px，假设图片宽度为950px，然后自动调整到宽度500px。
所以基本上，如果我上传任何大小或小尺寸的图片，然后会自动调整到宽度500px
浏览 1提问于2013-07-13得票数 0
1回答
蒙版下的裁剪图像
、、、、
我有这张图片，上面有一个圆形裁剪。用户可以移动底层图像，当他对结果满意时，点击裁剪按钮。我怎么才能只裁剪蒙版下的那部分图像呢？
浏览 2提问于2011-07-26得票数 0
回答已采纳
1回答
我目前正在制作一个表单，用于将新成员上传到网页。我使用JotForm构建表单，其中包括用于控制样式的js文件(隐藏/显示字段、必需的字段变为红色等)。
这个表单的js本身工作得很好，但我还包含了一个额外的图片裁剪/上传。当我在一个单独的网页上单独测试它时，这也是有效的，但现在与表单相结合，js冲突，我不知道如何阻止它。我的脚本标题部分如下所示：
<!-- Jotform js -->
<script src="https://cdn.jotfor.ms/static/prototype.forms.js" type="text/javascript&#
浏览 1提问于2015-11-28得票数 1
2回答
Android中有图片裁剪活动吗？我知道当你将一张图片保存为墙纸时，它会弹出一个图片裁剪器...我已经研究了源码，但它依赖于很多特定于画廊的东西。可重用性不强。
有没有人知道这是怎么做的，或者有没有第三方库可以帮我解决这个问题？
浏览 2提问于2010-10-23得票数 1
回答已采纳
我试图上传图像到firebase没有裁剪和得到的应用程序的图像，util，直到它工作得很好，现在我想在显示图像裁剪选项，以裁剪图像是从firebase获得的。使用ionic2和angular是可能的吗？
upload original image -> firebase ->通过firebase data ->显示上传的图像现在单击裁剪选项->使用裁剪插件裁剪图像并将其作为个人资料图片
浏览 10提问于2018-01-19得票数 0
1回答
强制回调以重新加载文件
、、、、
我正在使用php和jQuery工具上传和裁剪图片。效果很好。但是我想在上传和裁剪图片后进行预览。我得到了预览，但这是在收获之前的图片。我想这张照片是从任何缓存里拍出来的。当我在服务器上检出真正的文件时，它会被裁剪。
您知道如何才能强制下面的函数真正从服务器获得新的文件吗？
这就是代码，在这里，我将url返回到预览表单中的div。
new ImgSelect( $('#imgselect_container'), {
cropComplete: function(image) {
$('.avatar').html('<img src
浏览 3提问于2015-04-08得票数 0
回答已采纳
2回答
是否可以控制使用CSS裁剪图片的方向？我有一个产品的照片，它的主题在左边的图像。我需要能够在浏览器调整大小时不裁剪左边的大小。
现在，我将图片设置为背景图像，以便控制缩放和裁剪，但定向裁剪似乎不是一件事。
下面是代码页的链接：和下面是我在DIV上使用的CSS代码。
.img-holder {
height: 300px;
background-repeat: no-repeat;
background-position: center center;
background-size: auto auto;
}
正如您可以从笔中看到的，当您缩小浏览器的大小时，图像
浏览 4提问于2017-01-18得票数 0
回答已采纳
有时，使用UIImagePickerController从相册中挑选的图像会以不同的方式进行裁剪，而不是用户希望的方式。这大约发生在。50张图片上传中的1张。
当发生这种情况时，图像总是从左上角裁剪到图像的一部分。这是一个示例图像，(1)在红色矩形中显示用户应该选择裁剪的内容，以及(2)服务器上最终显示的图像。
(1)中的选择是假设的，因为它不知道用户如何准确地定位裁剪，并且还不可能复制这种不正确的裁剪。只有在实时应用中才能观察到这一点。一些用户试图多次上传相同的图片，总是使用相同的不正确的裁剪，并最终抱怨，所以用户并不是故意这样裁剪图片。
一些用户试图上传不同的图片，但都被错误地裁
浏览 18提问于2016-09-04得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
