Rails裁剪带有起点、宽度和高度的图像
Rails是一个基于Ruby语言的开发框架，用于快速构建Web应用程序。裁剪图像是指根据给定的起点、宽度和高度，对图像进行剪裁操作，以获取所需的部分图像。
裁剪图像可以通过Rails中的各种图像处理库和工具来实现，例如MiniMagick、CarrierWave、Paperclip等。这些工具提供了丰富的图像处理功能，包括裁剪、缩放、旋转等。
裁剪图像的优势在于可以根据需求获取所需的图像部分，减少图像文件的大小，提高加载速度，并且可以更好地适应不同的页面布局和设备尺寸。
裁剪图像的应用场景非常广泛，例如社交媒体头像裁剪、商品展示图裁剪、图片编辑工具等。
腾讯云提供了一系列与图像处理相关的产品和服务，例如腾讯云图片处理（Image Processing）服务。该服务提供了丰富的图像处理功能，包括裁剪、缩放、旋转、水印添加等。您可以通过腾讯云图片处理服务来实现对图像的裁剪操作。
更多关于腾讯云图片处理服务的信息，请访问腾讯云官方网站： https://cloud.tencent.com/product/imgpro
相关·内容
在indesign中做像“填充框架”这样的事情最好的技巧是什么？意思是，取下图像并缩放最短的边，使其适合，然后裁剪其余的？
对于纯CSS，这是可能的吗？
我正在使用Rails和jQuery..
代码可能是这样的：
<div class="image_container"><img class="image" src=""></div>
浏览 2提问于2011-08-25得票数 1
回答已采纳
1回答
如何使用php优化裁剪后的图像？
、、、、
我正在使用插件的裁剪图像。一切都运行得很完美。我能够裁剪图像和裁剪后的图像能够插入我的文件夹和数据库中的图像。
问题是有时我得到的图像大小为300kb，同时我获得的图像超过5MB或10MB。我想在裁剪后减小图像的大小。我需要以KB为单位
$data = $_POST['imagebase64'];
list($type, $data) = explode(';', $data);
list(, $data) = explode(',', $data);
$data = base64_decode($data);
$imageName =
浏览 27提问于2017-06-30得票数 1
1回答
封面裁剪机器人
、、
我想知道的确切大小的封面图片裁剪我的应用程序的UI设计是在下面给出的。我如何裁剪图像，以精确适合所有版本的android手机。如果我取精确的位图图像的长度和宽度，.The背景线程需要花费很多时间来加载图像。
下面给出了我的图像裁剪代码，但这只适用于图像大小，因为边缘有很多空白。
public class ProportionalImageView extends AppCompatImageView {
public ProportionalImageView(Context context) {
super(context);
}
public ProportionalIm
浏览 19提问于2017-07-13得票数 1
回答已采纳
1回答
是否可以使用<p:imageCropper>按比例裁剪图像？
<p:imageCropper value="#{registerPetForm.croppedImage}" image="#{registerPetForm.uploadedFilename}" />
我将限制用户仅以方形格式裁剪图像：
______
| | | |
| | | |
|______| V |
--------> |
_____________|
同样的宽度和高度。我想避免使用矩形格式：
____
浏览 3提问于2015-09-25得票数 2
回答已采纳
1回答
我正在创建一个检查图像的画廊，确保它们的大小正确。如果图像大小不正确，则会在图像上放置一个标记，用户必须进行编辑。当用户单击图像时，将调用包含所选图像的模式。模式中的图像大小可能不是原始图像的100%，所以我使用的任何类型的jQuery或JS裁剪工具都不允许我根据原始图像进行大小调整。
对裁剪缩小尺寸的图像并按比例修改原始图像的方法有什么想法吗？
我有原始图像的naturalHeight和naturalWidth，但除非我能找到一种实用的方法，使用较小尺寸的图像进行某种比较裁剪，否则模态方法似乎不可行。
任何解决这个问题的帮助或工具都将是一个很大的帮助。
谢谢!
浏览 2提问于2013-01-03得票数 1
回答已采纳
如果我想要在900px * 1000px的范围内裁剪图像，那么在给定的限制内通过图像的纵横比来裁剪图像的好公式是什么，最好使用百分比裁剪，这样图像就不会失真。
浏览 0提问于2010-11-02得票数 0
1回答
我有一个RubyOnRails应用程序。我使用carrierwave上传图片，使用jcrop进行裁剪。
我有两个图像:原始图像和裁剪图像。但是我没有保存这个裁剪的坐标(crop_z，crop_y，crop_w和crop_h)
有没有办法通过Rmagick或其他解决方案获得裁剪坐标？
谢谢
浏览 1提问于2013-05-21得票数 1
1回答
简而言之:如何使用面部检测器坐标和大小进行图像操纵器裁剪？我想从照片中裁剪脸部。 解释； 我使用带有人脸检测功能的世博会摄像头。它工作得很好。人脸检测器给出输出对象 "origin": Object {
"x": 85.00000000000006,
"y": 231.35, }, "size": Object {
"height": 182,
"width": 173.33333333333331, }, } 我可以在相机预览模式下使用该坐标在脸部周
浏览 21提问于2020-12-15得票数 2
在我的应用程序中，用户可以从图库中选择图像，然后他可以放大/缩小该图像。
在此之后，用户想要保存该放大/缩小图像。
我不想要默认的android裁剪方法。
如何获取缩放图像的当前高度和宽度以进行裁剪。
有谁知道如何实现这个功能吗？
浏览 0提问于2012-03-30得票数 0
回答已采纳
无论图像尺寸或屏幕大小如何，goolge图像中显示的图像都会在页面的右侧平直结束。我在想，也许可以添加某种动态填充，使图像正好适合div？如果任何人对如何做到这一点有任何建议，将不胜感激！
浏览 1提问于2015-07-28得票数 1
我正在搜索图像保存后自动裁剪图像的方法：
在将html转换为rails中的图像时，我遇到了一个繁琐的问题。我的问题是，当html转换成图像时，额外的背景也会附加到图像中，我不需要这样做，所以在通过一些代码保存回调后，不需要裁剪图像。
我需要具体的问题的答案，任何帮助都将是见习的。
提前谢谢
朋友们，我在下面列出了解决方案，但我需要比我提供的解决方案更有效率和更有效。
1)我想用较短的线
( 2)种植成本低
3)高效率的algo
浏览 1提问于2012-11-12得票数 0
1回答
我有一些棘手的问题，我收到电子邮件与一些HTML代码在其中产生一些CSS对象。对象可能有不同的大小。我想把这些对象转换成png图像。
我不能使用canvas2html，因为它不支持所有的CSS。目前，我正在打开电子邮件，制作一个打印屏幕并手动保存它，但这不是要走的路。我想知道你是否知道如何使它自动化。
目前，我正忙着用以下方式编写脚本：
接收电子邮件
将css对象保存为html文件
在浏览器中打开文件
使用powershell制作整个屏幕的打印屏幕
把它保存到文件中
使用Photoshop操作裁剪文件
我认为这是可行的(虽然我仍然有一些空白，比如如何自动将CSS
浏览 3提问于2015-12-05得票数 1
4回答
我正在为所有员工显示SQL Server数据库中的图像。当这些图像存储在数据库中时，它们以不同的大小存储。一种尺寸较小，另一种尺寸较大。
当我说尺寸时，我指的是宽度和高度。
当我在aspx页面中显示它时，我想以300X250大小显示
我该怎么做呢？如果我设置图像控件的高度和宽度，图像就会失真。
请帮帮忙
浏览 0提问于2012-04-19得票数 1
1回答
在JCrop上设置最小高度和宽度
、、、、
我正在开发一套电子邮件模板，允许用户添加文本、图像、更改字体和颜色等。现在，如果用户希望在模板的特定区域添加图像，他们将首先单击要添加图像的区域，然后在我的应用程序中从库中添加图像。现在，让我们考虑他们在模板上单击的区域的可接受维度是500 * 500，从库中选择的图像是1000 * 1000，在这种情况下，应用程序将自动弹出一个裁剪工具，他们可以使用它来调整图像的大小。但是，我希望限制裁剪工具只能拖到模板中所需位置的最小高度或宽度，即在此示例中，它们不应该能够将裁剪工具进一步拖到500的高度或宽度以下，尽管它们可以将一个或两个维度保持在500以上，因为裁剪工具自动调整其大小回到500 * 5
浏览 2提问于2014-04-15得票数 0
回答已采纳
2回答
我的客户想要的实际上可能是不可能的-他们想要一个不裁剪的全屏背景图像，并且保持它的尺寸。他们愿意接受空白，但他们希望图像尽可能地填满屏幕，而不在任何轴上裁剪。我找到了一些很好的脚本，可以实现真正的整页背景，但他们不接受图像的任何裁剪。有什么想法吗？
浏览 0提问于2011-11-22得票数 0
有没有办法，在css中，自动裁剪图像，使其适合和纵横比，而不是强迫它到特定大小的div。我有一个带有一些缩略图的页面，这些缩略图是动态生成的，并在顶部包含一个图像和一些文本，然后它们在屏幕上以行的形式显示。图像大小上的微小差异可能会导致图层混乱。当我接受用户图像时，我想接受一个大小的范围，大约正确的纵横比，而不是只有一个。该div图像使用自动宽度和高度，以最大限度地利用空间和可读性与不同的数字和不同的屏幕大小。我看过object-fit，但当div调整大小时，这似乎不起作用。图像有微小的，几乎无法检测到的大小差异，这会扰乱布局。
编辑:我希望高度和宽度是彼此的比例，而不是指定大小。例如，图像高
浏览 1提问于2016-12-06得票数 0
我的最后一个实验任务是裁剪图像的各个部分，将裁剪后的图像插入到原始图像的背面，旋转并调整其大小。
我们在txt文件中将图像转换为2D数组，Matlab将文本文件转换为图像，将图像文件转换为txt，这样我们就可以看到结果了。
在我的代码中，当我裁剪一个正方形(image.extract_sub_image(0,0,100,100);)时，没有问题，但它将裁剪的图像插入到相反的坐标，我不知道为什么。另外，当我裁剪一个矩形(image.extract_sub_image(0,0,100,50);)时，程序崩溃了。也不知道为什么:(
PS：
Read，write，get_dimensions函数是由p
浏览 1提问于2012-06-22得票数 0
回答已采纳
我正在内容管理系统中使用Cropper ，但我正在努力让它修复裁剪后的图像的大小。
我想要做的是确保在画布上绘制任何大小的裁剪框都会导致560px x 420px的裁剪图像大小被传递到What服务器。
我现在拥有的iQuery代码是：-
$("#accept_crop").click(function() {
var $image = $("#image");
var cropper = $image.cropper();
var baseURL = window.location.protocol+'/
浏览 2提问于2017-11-23得票数 0
SWFLoader的scaleContent无法完成我想要实现的目标：
<mx:SWFLoader id="img" width="600" height="400" scaleContent="true"/>
当大小为100x80的图像加载到其中时，图像不会调整大小为600x400。那是因为scaleContent =真。
然后，我设置maintainAspectRatio = true。该图像确实调整到600x400，但很明显，它完全不成比例。
那么，如何在保持高宽比的同时，始终将任何大小的图像与SWFLoader
浏览 3提问于2010-02-21得票数 1
回答已采纳
1回答
我使用react-native-perspective image -cropper包动态地裁剪图像，它的效果非常好。但有时，当裁剪区域覆盖在图像之外时，我尝试裁剪图像，然后添加白色背景来替换图像区域的外部。 在Android中，它没有添加任何白色背景，但在IOS中，我遇到了这个问题。 ? ?
浏览 32提问于2020-11-27得票数 0
1回答
当使用全宽度背景图像时，您可以设置背景大小:掩护。使图像在不丢失图像质量的情况下与屏幕相匹配。
对于图像有类似的解决方案吗？
我使用的是全屏div (最大高度:500 of )中的图像，但是当将全宽度应用于图像时，图像高度要高得多(+1000 of)，那么是否有一种解决方案可以让该图像在最大高度为500 of的100%宽度div中完全匹配呢？
我现在使用的是边际底部：-20%，但是图像分辨率是垃圾，并且放大到很多。
.node-type-article .group-header{
margin: 0 -100% 50px -100%;
max-height: 500px;
}
浏览 0提问于2015-09-07得票数 0
回答已采纳
我想在Drupal 7中定义一个图像样式，它将图像的宽度更改为200 max，将高度的最大值更改为150 max。这意味着，如果图片为400x300，则图像样式应更改为200x150，但如果图像为250x120，则图像样式只应将其宽度更改为200 be，高度不应更改。
我该怎么做呢？看起来这是不可能的‘admin/config/media/图像样式’。
浏览 0提问于2013-12-26得票数 0
我使用回购循环图像，它工作得很好。我遇到的问题是，当我想要使用不同大小的图像时，比如说一个很大的正方形和一个小的矩形。库使用scaleType = "CenterCrop“它对更大的图像很好，在裁剪时会放大一些，但是这没关系，因为它是一个大图像，并且仍然填充整个imageView。
问题是，为了与的边缘相匹配(如CenterCrop的定义)，小图像会得到“太裁剪”，而会在中放大。是否有一种方法仍然使用CenterCrop，但确保较小的图像不会超过其原始大小(如使用：scaletype="fitcenter")，但也使较大的图像正确裁剪？
简单地说，我需要使用类似于Cen
浏览 0提问于2017-07-05得票数 1
3回答
我有一个带有overflow:hidden的div，其中包含图像(.draggable())通常比div更大，我只需要获取图像的可见部分，并将其发送到服务器端脚本并另存为新文件。所以我的问题是，如何只获取可见的部分？
谢谢!
浏览 0提问于2012-09-17得票数 0
回答已采纳
一直在努力添加一个背景图像到我的引导网站。我想把它夹在现有的两部分之间。
当查看许多带有背景图像的主页时，它们有类，也有HTML和CSS中的样式代码。
这是我想要添加的类型，不包括滑块 (div类是巨型masthead) 。
要将一些文本叠加到背景图像中，我是否需要这样的顺序:容器、行类、背景图像类、带有位置的覆盖文本类
在带有背景图像的CSS和HTML中都需要样式吗？
<div class="solution5">
<div class="container">
<div class="row">
<d
浏览 0提问于2015-10-19得票数 1
我可以上传多个图像，但我不知道如何定制图像的大小。
我是这样看待这些图像的：
<%= attachment_image_tag(image, :file, :fill, 300, 300) %>
:fill：作物图像
300, 300：是高度和宽度
在重新文件之前，我已经硬编码了图像的来源，然后我使用这个CSS来修复图像的大小。
img {
display:block;
max-height: 430px;
max-width: 100%;
width:auto;
height:auto;
}
我想有一个高度一致的始终，但宽度可以是任何大小，不会被扭曲或裁剪。
浏览 4提问于2015-07-21得票数 2
我有一个带有类似于这个的背景图像的旋转木马
我有图像，我想伸展到100%的浏览器宽度。当用户缩小浏览器的宽度时，图像应该裁剪在右手和左手边。不应调整图像的大小(高度变化的地方)。我使用的是标准的Bootstrap旋转木马布局
最终的结果应该是这样的
中间的蓝色矩形是应该始终保持宽度的容器。在到达这个容器的边框之前，当浏览器的宽度减小时，背景图像(带鞋的深绿色)应该被裁剪它的左右两边。
做这件事最好的方法是什么？
浏览 0提问于2013-11-05得票数 6
回答已采纳
1回答
嗯，我制作是为了向我展示一些关于如何使用作物和画布的指导。
当时一切都很好，因为我不打算支持互联网浏览器，但现在，它应该得到支持。
所以，我不知道为什么，但在我看来，问题是因为IE没有得到原来的图像大小。
所有的工作都很好，在铬，夫，歌剧，狩猎。它是唯一出现一些问题的，作物画布的结果它不等于从图像的裁剪面积。。
下面是绘制裁剪图像的主要代码
$("#crop").on("click", function(){
var canvas = document.getElementById("canvasThumbResult");
va
浏览 0提问于2013-05-20得票数 0
回答已采纳
我使用html2canvas保存响应设计的网页图像(使用bootstrap)。我试图生成一个固定宽度的图像，所以我使用了windowWidth选项。 下面是我创建的一个示例：https://stackblitz.com/edit/angular-ivy-dpenbw 在本例中，我希望将灰色区域保存到图像中。然而，如果我有一个大的窗口尺寸和一个小的windowWidth (反之亦然)，结果图像被错误地裁剪。如何获得正确裁剪的图像？
浏览 88提问于2021-04-24得票数 0
回答已采纳
我有一个图像和该图像的空间参考对象。现在我想根据空间参考对象通过坐标裁剪图像。函数Imcrop只能根据像素坐标进行裁剪。有没有办法根据世界坐标进行裁剪？我试图为新的引用对象使用Imcrop和compute，但我在坐标转换中迷失了方向。
扭曲图像后的引用对象的示例。
imref2d with properties:
XWorldLimits: [-775.4357 555.5643]
YWorldLimits: [-488.3694 523.6306]
ImageSize: [1012 1331]
PixelExtentInWorldX: 1
P
浏览 5提问于2016-08-07得票数 0
回答已采纳
我在使用jcrop插件时遇到了一个问题，我在引导模型中显示了图像，并给出了固定的宽度和高度(500,333)。
在该模型中，当我尝试裁剪图像时，它根据当前的高度和宽度选择比例，但根据图像的原始维数即(1500,1000)对图像进行裁剪。
如果我选择了(500,333)维的图像，那么它就完美地工作了。
请帮帮我..。
浏览 4提问于2015-03-16得票数 0
回答已采纳
1回答
图像未正确裁剪或调整大小
、、、、
我正在尝试建立一个个人资料上传系统。用户将上传图片，在提交图片之前，他们将有机会对图像进行裁剪。我正在使用裁剪框图像裁剪插件，我也使用jQuery验证插件。提交后，图像将被裁剪成全尺寸，然后调整到250 by的大小。这里是我所拥有的HTML和jQuery智慧的jQuery。
<form class="avatar_form" action="" method="POST" enctype="multipart/form-data">
<input id="avatar" style="
浏览 4提问于2016-07-26得票数 2
Ima试图使用圆形的图像，但它总是导致在图像边缘裁剪部分，或者以不利于design...Have use DecorationImage、CircleAvatar和ClipOval的不好方式缩小图像的问题，所有这些都会导致相同的问题。
浏览 21提问于2022-09-04得票数 0
1回答
这是我的TIFF图像，我正在尝试从tiff图像中提取左侧矩形或方框，并另存为PNG文件。
我试图以编程方式裁剪的左侧矩形或方框部分。这是我的常规做法。
strImageFilePath = @"C:\Users\TRIDIP\Desktop\PDF\getLabel.tif";
var source = LoadImage(strImageFilePath);
Rectangle crop = new Rectangle(100, 160, 920, 1200);
var bmp = new Bitmap(920, 1200);
using (var gr = Gra
浏览 0提问于2012-11-18得票数 3
回答已采纳
2回答
我正在使用CodeIgniter中的CodeIgniter类来调整图像的大小，它工作得很好；下面是我的代码：
function resizeImage($source_image,$new_image,$width=100,$height=100){
$config['image_library'] = 'gd2';
$config['source_image'] = $source_image;
$config['new_image'] = $new_image;
$co
浏览 5提问于2012-06-25得票数 1
回答已采纳
我有一个JSON对象，它在画布上定义了一个图像，如下所示：
JSON是从Fabricjs版本1.7.17创建的，我正在将该JSON加载到由Fabricjs版本2.3.6和2.4.1组成的画布中，这是图像的样子：
画布大小相同，画布的选项也相同。JSON在1.7.17版本中加载得很好。从JSON数据加载的所有其他对象都很好，图像框是右边的宽度/高度和位置(左和顶).只是图像没有缩放以适应。
我已经尝试过设置scaleX/Y，调整过滤器的大小没有效果-有人已经解决这个问题了吗？
浏览 3提问于2018-10-09得票数 0
回答已采纳
我需要在我的应用程序的原始图像中间裁剪一个图像，以使我需要提供(x，y)坐标，这使得裁剪开始于给定的坐标。
因此，我理解，为了计算x和y，我需要对两者应用相同的计算。
请帮助我理解我需要什么来计算X坐标来裁剪图像。
originalWidth = 1200
newWidth = 600
startCroopAt = ?
即[x,y]
Image::crop(Yii::getAlias('@app/web/images/tmp/tmp_'.$name), $newWidth, $newHeight, [0,0])
->save(Yii::getA
浏览 3提问于2017-10-24得票数 2
回答已采纳
我有两张图片： Image1： ? Image2： ? 我想用和Image1一样的方式裁剪Image2。因此，如果我读取了文件夹中的所有文档，那么脚本应该会以与Image1相同的方式自动裁剪图像。我正在使用下面的代码进行裁剪。 image = cv2.imread(path+'passport3.jpg')
y=280
x=0
h=373
w=546
crop = image[y:y+h, x:x+w]
cv2.imshow('Image', crop)
cv2.waitKey(0) 但是，如果我裁剪另一个图像，则此脚本无法工作。例如，如果我
浏览 16提问于2021-01-11得票数 0
是否可以在新媒体上传器中更改缩略图的图像大小？
例如，图像当前使用“缩略图”图像裁剪大小显示，我希望它们是“中等”图像裁剪大小。
浏览 0提问于2013-01-15得票数 1
回答已采纳
2回答
我正在尝试创建一个流畅的网页布局，使用%来做尽可能多的事情。我在调整图像大小时遇到了凹凸不平的情况。
两者：
<img src="source" style="width: 20%; height: 20%;"/>
和
.wall_picture_block img{
width: 20%;
height: 20%;
}
不能在高度属性下正常工作。它们将图像宽度调整为容器的20%，但高度与图像大小保持相对。(我正在尝试制作正方形)
浏览 2提问于2010-09-26得票数 9
我在使用OpenCart中的调整大小函数，但它在图像的顶部和底部使用空白来调整图像的大小。我不确定，但看起来，调整大小函数只关注宽度，然后测量高度。
if (!empty($product_info) && $product_info['image'] && file_exists(DIR_IMAGE . $product_info['image'])) {
$this->data['thumb'] = $this->model_tool_image->resize($produc
浏览 0提问于2012-06-08得票数 0
回答已采纳
我正在使用带有比例类型的TouchImageView补丁，但是当我尝试使用该方法时
getOriginalZoomedImageSource()
图像与预览不匹配
有没有人知道在使用比例尺类型的居中裁剪时可能是错误的，或者有一个工作版本
浏览 5提问于2015-01-14得票数 0
有很多关于裁剪图像的信息，但试图裁剪(或裁剪)动画会产生奇怪的结果。有时它们会闪烁，或者带有额外的帧，或者一些帧正确裁剪而另一些帧发生偏移。我如何防止这一切的发生？
浏览 4提问于2012-12-26得票数 73
1回答
我已经应用拖动(内置能力)在我的小组，包括图像对象和4个锚对象(形状)。
当我移动组时，一切正常，但是当我想保存该图像时。图像(组)被移除(0,0)位置时，图像将被裁剪。如果我加载图像并在它处于( 0,0 )位置时保存它，那么在文件中获取完整的图像，但是如果将它从0，0拖开，则当我保存它时，我的图像会被逐步裁剪。我观察到了toDataURL()返回的内容，更进一步，我从0,0字符串开始从toDataURL()中变短
有人能帮帮我吗。
Thx
浏览 1提问于2014-03-04得票数 0
回答已采纳
下面的代码用于裁剪图像的一部分：
import cv2
def on_mouse(event, x, y, flags, param):
if event == cv2.EVENT_LBUTTONDOWN:
print("X: {} | Y: {}".format(x, y))
win_name = "Image"
cv2.namedWindow(win_name)
cv2.setMouseCallback(win_name, on_mouse)
img = cv2.imread('park.jpg')
cropIm
浏览 7提问于2022-03-18得票数 3
回答已采纳
我在我的应用程序中使用裁剪工具，我需要修改一个UIImageView，以便在aspect fit模式下插入图像后，它能准确地适合图像。
因此，在宽高比适应模式下，选择图像并将其添加到UIImageView。问题是，这会在UIImageView中的图像周围留下需要修剪的“空白”。我想知道如何才能根据里面的图像来调整持有UIImageView的大小。
这个是可能的吗？
浏览 0提问于2013-06-20得票数 0
回答已采纳
我需要将一些图像从URI加载到Bitmap变量，并对它们执行一些操作。我需要的位图与固定大小的平方图像，缩小和裁剪。现在，我使用了以下代码：
return Picasso.with(c).load(imageUri).resize(size, size).get();
但是，很明显，在不保持高宽比的情况下，图像将被调整大小。
我想根据以下要求调整图像的大小：
较小的尺寸(宽度或高度)应等于size
更大的维度应该裁剪到size，保持图像为中心
浏览 4提问于2017-07-28得票数 1
2回答
我使用在html背景图像的前192个像素上应用了一个乘法效果，该图像具有固定的颜色，以实现页面标题上的透明效果。
在html上，我有两个画布。一个用于应用乘法效果的图像部分，另一个用于颜色。
在javascript上，在将颜色-画布的颜色和两个画布的宽度设置为window.innerWidth之后，我将使用以下方法获取背景图像：
imageObj.src = $('html').css('background-image').replace(/^url|[\(\)]/g, '');
现在问题来了。我想画一个裁剪的图像到图像-画布图像，以便我可以应
浏览 12提问于2012-04-12得票数 7
回答已采纳
1回答
我有一个背景图像的高度1400和宽度1000，如果我使用任何全屏背景jquery插件或编码它从上或下裁剪，使它适合整个屏幕，但我想要的是一个插件或代码，将确保背景图像响应基于浏览器的宽度，但背景图像的全部高度应可见滚动条。目前，它从上到下种植高度。
如果这是不可能的，至少作物应该是从底部保持高宽比。
浏览 4提问于2013-11-24得票数 0
回答已采纳
2回答
我试着用getUserMedia从用户的摄像头上拍一张照片。
相机上的图像是640x480 (根据用户的网络摄像头，这可能是任意大小的)。
我有一个带有css的视频标签，大小为320x240，im将摄像头图像呈现在上面，如下所示：
var $video = $('video');
navigator.getUserMedia({ video: true }, function (stream) {
$video[0].mozSrcObject = stream;
$video[0].play();
localMediaStream = stream;
}
浏览 4提问于2013-02-11得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
