问题标签 [image-rendering]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
92 浏览

swift - UIImage 在 UIImageView 中的显示与保存到磁盘时不同

我遇到了一个问题,UIImage当我在操场内检查时,我在操场上构建的 a 显示正确UIImageView...

这是出现在操场上的图像。

...但是当我将其保存到磁盘时不正确。

这是保存到磁盘时出现的图像。

这是我用来构建/检查/保存的代码UIImage

如何将图像渲染到磁盘以反映我在UIImageView?

0 投票
2 回答
5661 浏览

ruby-on-rails - Render PNG file in Rails

I have a Rails app where I am trying to display a PNG file but I am getting this error:

I've added:

to the config/initializers/mime_types.rb

I'm referencing and rendering the png file in its controller with:

EDIT :

This is the method in the controller

end

0 投票
1 回答
772 浏览

python - 如何通过 Python/Django 中的图像 url 列表在网页中显示图像

我将图像的 URL 存储在 python 的列表中。
我应该如何使用 Django 在我的网页上显示这些图像。

0 投票
2 回答
321 浏览

javascript - 图像渲染,但使图像更加像素化?

我需要向我网站的用户说明,当他们的图像打印到画布上时,它会随着变大而失去质量。这样做的方法是故意降低他们在屏幕上提供的图像的分辨率,并免责声明为什么会这样。

我听说过图像渲染,但可以理解的是,我看到的所有示例都是在增加图像大小时改善跨浏览器的图像。有没有办法让图像保持相同大小但降低分辨率?将愉快地使用 css、JavaScript 和 PHP。

0 投票
2 回答
3107 浏览

javascript - Angular2 - 渲染图像时超出最大调用堆栈错误

在我的 Angular2 应用程序中,我想显示一个 Uint8Array 格式的图像。但我得到“超出最大调用堆栈”。我可以毫无错误地渲染大小约为 48Kb 的图像。但是当图像大小高于 ~300Kb 时,我就会收到此错误。这就是我渲染图像的方式:

有人可以告诉我我是否以正确的方式做这件事。如果没有,请告诉我如何正确执行

0 投票
1 回答
17191 浏览

html - 什么是最佳 og:在 Whatsapp 中共享链接的图像大小(慢速图像渲染)

似乎很容易找到在 Facebook 上分享链接的最佳尺寸。我有一个分享到 Facebook 的应用程序,图像显示完美。我为 Whatsapp 使用相同的尺寸,但与我尝试共享的其他网站相比,渲染图像的时间太长了。

我的第一个猜测是尺寸,但如果您对慢速渲染有任​​何其他想法,那就太好了!

0 投票
3 回答
3498 浏览

swift - 使用 UIGraphicsImageRenderer 旋转图像?

UIGraphicsImageRenderer是在 iOS 10 中新引入的。我想知道是否有可能UIImage与它一起旋转(任何自定义角度)。我知道有经典的方式CGContextRotateCTM

0 投票
2 回答
4599 浏览

javascript - WebGL 图像渲染质量差

我在 WebGL 中的图像渲染有问题:我有一个画布,一个四边形占据整个画布,一个纹理应该映射到整个四边形(我已经设置了正确的纹理坐标)。

该图像是一个包含 RGB 数据(按此顺序)的 Uint8array,图像为 1024*768 像素。我有正确的缓冲区。这是图像的链接。

原始图像

问题如下:当渲染到 WebGL 中时,我的图片变得模糊不清,即使我有一个图像大小的画布。看下面的结果:

通过 WebGL 渲染

现在是代码:这是我用来创建纹理句柄的代码:

数据按如下方式加载到纹理上:

最后,这是我使用的片段着色器:

我尝试了很多选项,从过滤到设置样式选项图像渲染像素化,将图像转换为 RGBA 并为其赋予 RGBA 值,结果始终是相同的糟糕纹理渲染。即使画布与纹理的大小完全相同,WebGL 似乎也无法正确插入数据。

有人有提示吗?

提前致谢。

0 投票
0 回答
1284 浏览

css - 在 Chrome 中缩小图像时图像模糊

Chrome 版本 55.0.2883.87(64 位)

我有一个宽度为 225 像素的图像。如果我只是将其缩小 1px,图像就会变得非常模糊。FF不会发生这种情况。

这是一个例子:https ://jsfiddle.net/keqx1vt8/2/

图片是 225px,我把最大宽度设置为 224px。单个像素对图像质量有很大影响(仅在 Chrome 中)。我尝试过使用图像渲染,但没有取得多大成功。

0 投票
0 回答
1204 浏览

html - Safari (mac) 上的像素化​​图像

我已经搜索了很长时间,但找不到解决问题的方法。

我在一个音乐标签网站上工作,设计中有一些图标.svg.jpg,问题是在 Mac 上的 Safari 上,有些images/icons是像素化的,不能正确显示。

我已经尝试过 CSS 属性,例如:

这些工作中的任何一个都会使图像在其他导航上的渲染更加糟糕。

所以我正在寻找解决方案...

我已经尝试粘贴整个<svg>,但它并没有改变任何东西..

经过一番搜索,我明白这image-rendering: crisp-edges;意味着图像将专注于速度而不是质量,所以我改为optimizeQuality但我无法测试它,因为我没有 Mac。所以我也在寻找有 Mac 和 safari 的人来测试我的网站优化。

感谢帮助