问题标签 [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.
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
python - 如何通过 Python/Django 中的图像 url 列表在网页中显示图像
我将图像的 URL 存储在 python 的列表中。
我应该如何使用 Django 在我的网页上显示这些图像。
javascript - 图像渲染,但使图像更加像素化?
我需要向我网站的用户说明,当他们的图像打印到画布上时,它会随着变大而失去质量。这样做的方法是故意降低他们在屏幕上提供的图像的分辨率,并免责声明为什么会这样。
我听说过图像渲染,但可以理解的是,我看到的所有示例都是在增加图像大小时改善跨浏览器的图像。有没有办法让图像保持相同大小但降低分辨率?将愉快地使用 css、JavaScript 和 PHP。
javascript - Angular2 - 渲染图像时超出最大调用堆栈错误
在我的 Angular2 应用程序中,我想显示一个 Uint8Array 格式的图像。但我得到“超出最大调用堆栈”。我可以毫无错误地渲染大小约为 48Kb 的图像。但是当图像大小高于 ~300Kb 时,我就会收到此错误。这就是我渲染图像的方式:
有人可以告诉我我是否以正确的方式做这件事。如果没有,请告诉我如何正确执行
html - 什么是最佳 og:在 Whatsapp 中共享链接的图像大小(慢速图像渲染)
似乎很容易找到在 Facebook 上分享链接的最佳尺寸。我有一个分享到 Facebook 的应用程序,图像显示完美。我为 Whatsapp 使用相同的尺寸,但与我尝试共享的其他网站相比,渲染图像的时间太长了。
我的第一个猜测是尺寸,但如果您对慢速渲染有任何其他想法,那就太好了!
swift - 使用 UIGraphicsImageRenderer 旋转图像?
UIGraphicsImageRenderer
是在 iOS 10 中新引入的。我想知道是否有可能UIImage
与它一起旋转(任何自定义角度)。我知道有经典的方式CGContextRotateCTM
。
javascript - WebGL 图像渲染质量差
我在 WebGL 中的图像渲染有问题:我有一个画布,一个四边形占据整个画布,一个纹理应该映射到整个四边形(我已经设置了正确的纹理坐标)。
该图像是一个包含 RGB 数据(按此顺序)的 Uint8array,图像为 1024*768 像素。我有正确的缓冲区。这是图像的链接。
问题如下:当渲染到 WebGL 中时,我的图片变得模糊不清,即使我有一个图像大小的画布。看下面的结果:
现在是代码:这是我用来创建纹理句柄的代码:
数据按如下方式加载到纹理上:
最后,这是我使用的片段着色器:
我尝试了很多选项,从过滤到设置样式选项图像渲染像素化,将图像转换为 RGBA 并为其赋予 RGBA 值,结果始终是相同的糟糕纹理渲染。即使画布与纹理的大小完全相同,WebGL 似乎也无法正确插入数据。
有人有提示吗?
提前致谢。
css - 在 Chrome 中缩小图像时图像模糊
Chrome 版本 55.0.2883.87(64 位)
我有一个宽度为 225 像素的图像。如果我只是将其缩小 1px,图像就会变得非常模糊。FF不会发生这种情况。
这是一个例子:https ://jsfiddle.net/keqx1vt8/2/
图片是 225px,我把最大宽度设置为 224px。单个像素对图像质量有很大影响(仅在 Chrome 中)。我尝试过使用图像渲染,但没有取得多大成功。
html - Safari (mac) 上的像素化图像
我已经搜索了很长时间,但找不到解决问题的方法。
我在一个音乐标签网站上工作,设计中有一些图标.svg
和.jpg
,问题是在 Mac 上的 Safari 上,有些images/icons
是像素化的,不能正确显示。
我已经尝试过 CSS 属性,例如:
这些工作中的任何一个都会使图像在其他导航上的渲染更加糟糕。
所以我正在寻找解决方案...
我已经尝试粘贴整个<svg>
,但它并没有改变任何东西..
经过一番搜索,我明白这image-rendering: crisp-edges;
意味着图像将专注于速度而不是质量,所以我改为optimizeQuality
但我无法测试它,因为我没有 Mac。所以我也在寻找有 Mac 和 safari 的人来测试我的网站优化。
感谢帮助