Javascript在上传前调整图像大小-从画布读取-图像在那里，宽度和高度0

文章/答案/技术大牛

发布

1回答

javascript、jquery、image

我目前正在尝试在上传之前调整图像的大小，为了实现这一点，我正在使用JS/Jquery，必须是客户端。在我的服务器上，我简单地拒绝了所有大于30MB的请求。height = MAX_HEIGHT; } var dataurl = canvas[0<

浏览 5提问于2017-03-13得票数 0

回答已采纳

1回答

防止使用HTML5画布按比例缩放图像

html、canvas

我希望能够在HTML5画布元素上drawImage，其中图像的大小调整为画布宽度，但不调整高度。本质上，我希望它将高度裁剪到画布高度，而不是试图缩放宽度和高度。例如，如果我在320 x 150的画布上执行drawImage。我希望我的图像缩小到320的宽度，

浏览 0提问于2013-06-08得票数 2

回答已采纳

1回答

上传图像-> canvas ->图像大小问题

javascript、html、canvas

我使用文件阅读器读取用户上传的图像，根据图像的宽度和高度调整画布的大小。).width(img.width);然后我将图像绘制到画布上。canvas.height);var uploadImageObj = $('

浏览 5提问于2015-07-29得票数 0

2回答

设置HTML5画布的高度和宽度，并在尺度内设置内容

html、canvas、html5-canvas

是否有可能设置画布元素的宽度和高度，并使现有的内容比例适合这些新的维度？用户上传的图像为1600x1200像素(未保存到服务器)，数据直接指向html5画布对象，画布<

浏览 0提问于2011-10-28得票数 4

回答已采纳

1回答

JavaScript:图像的真实大小调整

javascript

我编写了一个模块，您可以在其中执行图像操作。此外，还可以预览不同的过滤器等等。最重要的是，所有的图片都要快一点。也可以有一张像3000 x 3000像素的图片。因为预演需要太多的时间。有没有办法调整图片的大小，例如200 x 200？我是说对图像进行真正的调整。

浏览 1提问于2015-08-30得票数 0

回答已采纳

1回答

栅格图像在上传到svg时意外调整大小-编辑

javascript、svg、svg-edit

我已经实现了更新的‘ext-serveropensave.js’(来自版本)，这样用户就可以从他们的文件系统上传光栅图像了。svgCanvas.clearSelection(); svgCanvas.setImageURL(url);宽度和高度属性在那里设置时不起作用这是一个奇怪的bug --第一次上传图片的时候会上传</e

浏览 1提问于2012-10-12得票数 0

1回答

如何在html5画布上绘制大小调整的图像？

javascript、jquery、image、html5-canvas

我有一幅画在html5画布上的图片。我想调整这个图像的大小到一定的高度和宽度，然后再画到画布上。0); 只有当我在context.drawImage()函数本身中包含宽度和高度参数时，代码才能工作。但是，我不明白的是，为什么在context.drawImage()函数访问图像之前还没有调整图像

浏览 4提问于2014-06-04得票数 0

回答已采纳

3回答

缩放图像以适合画布

javascript、html、canvas、html5-canvas

我有一个表单，允许用户上传图像。为此，我们将其放在画布上并在那里进行操作。此代码将在画布上呈现缩放图像，画布的大小为320 x 240px：..。其中canvas.width和</e

浏览 0提问于2014-04-16得票数 93

回答已采纳

1回答

如何按比例缩放图像并确保其始终占据40%的屏幕

html、css、image、scale

我有一个当前使用整个屏幕的画布动画，在画布前面，我放置了一个图像。当我调整窗口的宽度时，画布和图像会按比例正确地调整大小，但是当我的窗口高度改变时，画布会重新调整大小，图像会从页面上掉下来，只剩下画布。我怎样才能确保图像总是，比如说，屏幕高度</em

浏览 4提问于2015-12-15得票数 0

1回答

Javascript:固定大小画布中的可变大小图像

javascript、html、canvas、image-scaling

我有一个尺寸为300x300的固定HTML5画布。我正在通过Javascript调整页面上其他图像的大小，使其最大宽度/高度为300 is (取决于哪个维度更大)。这实际上并没有调整源图像的大小，而且当我在画布上绘制它们时，使用的是原始大小。有没有办法：用Javascript调整这些图像的<em

浏览 0提问于2016-12-13得票数 0

回答已采纳

4回答

html5画布-宽度/高度需要内联定义吗？

javascript、html、canvas

当我在外部包含Javascript代码时(即作为一个单独的文件)，我仍然没有看到我的图像绘制到画布上。<canvas id = "myCanvas" width = "600" height = "400&q

浏览 6提问于2012-03-15得票数 4

回答已采纳

1回答

如何使用鼠标单击来裁剪选定的矩形

javascript、html、canvas

我在画布上画了一幅画。我该怎么做？

浏览 0提问于2016-07-25得票数 2

2回答

重新生成图像，使其适合特定大小的画布，并保持高宽比。

javascript、php、css

我有一些具有340 x 170尺寸的框，用户将上传需要显示到这些框中的图像；但是，我不太确定如何调整它们的大小，这样它们就不会失去高宽比，并且总是适合这些框。应该始终能够在画布上看到整个图像。通常，你只需调整

浏览 0提问于2014-03-10得票数 0

回答已采纳

1回答

基于图像分辨率和用户大小输入计算字体大小

javascript、vue.js、canvas、fonts、resize

用户可以选择上传图像，并将其显示在画布上作为背景(它是一种木制品)。他无法上传图片或文本并将其放置在上面。当用户上传产品图像时，他可以将其高度和宽度指定为值(cm)。接下来，他可以在其上放置一个文本元素(画布)，并设置字体大小(在“pt”中)。问题是，我必须从用户输入的产品背景(24cmx21cm)中缩放相对于产品大小的字体。因

浏览 0提问于2020-03-05得票数 0

1回答

画布绘图图像在css高度和宽度的图像上不能正常工作。

javascript、html、canvas

我试图用画布编写一个图像放大镜，它工作得很好，但问题是当我在画布上滑动图像时，绘制在画布上的图像不能根据图像上的鼠标位置正确定位。<!name="magnify" id="magnify" value="magnify" onClick="magnify()" /><&#

浏览 3提问于2014-05-19得票数 3

回答已采纳

2回答

如何在HTML5画布上缩放图像时保持高宽比？

javascript、image、html5-canvas、fabricjs

在我的项目中，我使用HTML5、画布和FabricJS。我有一个场景来维护我放置在画布中的图像对象的高宽比。在调整角或缩放图像时，我必须更新宽度或高度，以保持图像的高宽比。图像应该满足以下几点，如果我通过从实际大小调整图像的宽度</

浏览 4提问于2014-11-12得票数 6

1回答

上传图像后，Fabricjs调整大小

javascript、fabricjs

在画布中应用之前，我如何调整上传图像的大小？file" id="imgLoader">$("#imgLoader").change(function(){ //left: 250, /&#x

浏览 1提问于2015-11-17得票数 3

回答已采纳

1回答

上传时保持图像比率

javascript、canvas、vue.js、konvajs

当我上传图片到konva.js时，是否有办法保持图像的比例。基本上，我使用konva和Vue扩展，我需要这样的方法上传背景图像。我已经设置了基于用户设备的画布大小，我可以使上传图像大小到画布尺寸，但它不会节省它的比例。我认为，我可以通过编写函数来确定图像的最大高度或宽度(在特定情况下选择哪个更合适)，然后按比例调整</e

浏览 0提问于2018-11-28得票数 0

回答已采纳

2回答

HTML 5画布]当我调整尺寸时图像质量

javascript、css、html、canvas

从计算机加载图像(通过使用FileReader)，将img标记的src放到文件中。然后用那个图像画画布。它在画布中加载，但不适合画布大小。它保持原来的图像大小和“部分”的图像显示在画布。它被调整到一定的高度，并被迫调整大小。我想做的就是..。保持原来的画布大小</e

浏览 2提问于2017-02-08得票数 0

回答已采纳

1回答

Android位图回收错误

bitmap、titanium、titanium-mobile

我有一个错误，在我的钛应用程序的更晚版本的Android。我使用相同的文件名创建多个图像，但大小不同。如果我删除大小，它的工作很好，但如果我留下的大小调整，我会有一个崩溃，说画布正在尝试使用回收位图。如果我有宽度和高度在那里，我得到循环错误。如果我去掉高度和宽度，这是很好的，但图像太大。我还试着将文件读取到b

浏览 3提问于2014-03-13得票数 0

回答已采纳

点击加载更多