问题标签 [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 回答
353 浏览

c - 在 SDL2 中处理多个图像

我想知道如何使用 IMG_Load(); 处理多个图像 我是否总是必须为每个图像创建一个表面?或者我必须创建一些循环,只使用这个表面来创建纹理?

这是代码:

0 投票
1 回答
64 浏览

ios - iPhone 6 / iPhone6 Plus上的Wordpress图像渲染问题

我们有一个包含 20 个 .svg 图像的页面。对于我们测试过的所有设备,页面在第一次加载时呈现完全正常,但特别是对于 iPhone 6 和 iPhone 6 Plus,一旦我们将页面滚动到底部或顶部,图像会很快消失,重新渲染需要时间我尝试了几种不同的解决方案,但它们似乎都不起作用。我真的很感激一些帮助。

我遇到问题的页面:https ://transform.makeen.io/forms

来自 iPhone 6 的视频:

https://youtu.be/XPQza2fDzjs

来自 iPhone 8 的视频:

https://youtu.be/OKbTUORQAG4

谢谢

0 投票
1 回答
212 浏览

android - 使用 ByteBuffer 中的像素数据连续更新 SurfaceView 时性能不佳

我正在编写一个 Android 应用程序,其中本机线程以大约 60 fps 的速度不断生成图像帧(作为原始像素数据),然后应该以SurfaceView. 目前,线程将像素数据写入native线程和JVM之间的直接ByteBuffer共享,然后通过JNI调用回调,通知JVM端一帧准备好;然后将缓冲区读入 aBitmap并在SurfaceView. 我的代码大致如下(完整的源代码太大而无法共享):

好消息是上述方法有效:屏幕以大致预期的帧速率更新。然而,性能真的很差,以至于应用程序锁定:它停止响应,例如按下◁</kbd> button and eventually an ANR message pops up. Clearly I am doing something wrong, but I am not quite able to tell what exactly.

有没有办法使上述运行更快?最好我想避免编写不必要的本机代码。我特别想避免将任何特定于 Android 的东西放在事物的本机方面。

0 投票
1 回答
45 浏览

google-chrome - Chrome 88 更改在 translate3d 过渡期间导致图像模糊

将 Chrome 更新到 88 后,滑动图片库开始表现不佳。例如,请参阅此站点:

https://fionaandbobby.com/

您可以在 FF 或 Safari 中查看它,看看它在 Chrome 中的表现如何。经过一些研究,我在下面的片段中将这种行为提炼了一点。

它似乎完全取决于正在转换的元素的宽度。我敢肯定还有其他方法可以对本网站上的滑块进行编码/样式化,这可能就是解决方案。但是,多年来,它一直以这种方式在许多网站上工作。想知道是否有人对如何绕过这种行为有想法。我尝试在 img 本身上使用图像渲染 CSS 属性,但无济于事。

0 投票
1 回答
234 浏览

file-upload - 如何使用 url 读取存储在 Azure 存储中的图像

我使用 azure blobclientservice 上传图像,如下所示

我成功地从响应中获得了 url。我希望将此 url 用作 html 中图像标记中的 src,而不是从存储中下载所有数据。但它不显示图像,我只能看到 alt 而不是图像。我认为当图像作为公共存储在 aws s3 存储桶中时,可以使用 url 读取图像。我希望在 Azure 存储中具有相同的功能。可能吗?如果有人帮助我,我将不胜感激。

0 投票
1 回答
156 浏览

android - Fresco - 如何检查文件是否以编程方式为 webP 动画?

我有一个 webP 格式的图像文件。如何以编程方式检查它是动画 webP 还是静态图像?

0 投票
1 回答
191 浏览

javascript - ThreeJs:无法在顶部和底部加载不同的图像

我正在尝试使用 Threejs 中的纹理在顶部和底部放置不同的图像。但是我在底部和顶部都得到了相同的图像。下面是我正在使用的代码。我的要求是使用 ThreeJs 中的纹理在两侧显示不同的图像。

注意: 1. 在我的代码中,我使用了 ThreeJs 版本(r125),这是必要的,我不能使用旧版本。

0 投票
0 回答
27 浏览

amazon-web-services - 如何减少从 S3 显示图像的加载时间

我在 S3 中存储 6 个图像,并通过对每个图像调用 S3 来在一个请求中获取所有图像。

页面的加载时间已经增加了 1-2 秒,还有更多的图片。我在检索后将图像从缓冲区转换为 base64,并且不确定这是否是正确的方法。

有什么建议么?

0 投票
0 回答
37 浏览

python - 在 C++ 中使用 Mitsuba2 插件的示例

我是渲染和 C++ 编程领域的初学者,所以请帮帮我。

详细信息:我正在使用 Mitsuba2 渲染系统来使用渲染系统的一些功能并创建深度积分器并获得场景中对象的强度。

问题:有没有关于如何使用 C++ 使用 Mitsuba2 插件的示例?是否有使用 mitsuba2 功能的 C++ API?

我已经使用了python API并通过以下链接成功获得了对象的深度值https://mitsuba2.readthedocs.io/en/latest/src/python_interface/rendering_scene.html?highlight=depth。但是我无法在 mitsuba 的数据包变体中使用 SurfaceInteraction 的 bsdf() 方法,因此无法获得强度,因为我得到了一个错误,如图error_message所示。因此我想尝试用 C++ 而不是 python 来实现。此外,我只能使用光谱和数据包变体。

类似案例的任何示例或 C++ 实现的任何线索(或光谱模式的循环示例)都会非常有帮助。

提前致谢。

0 投票
0 回答
70 浏览

java - Java实现互相关二维图像

在此处输入图像描述

我可以以与卷积相同的方式实现互相关吗?

我想实现如图所示的公式,其中Li内核在 4 个不同方向的过滤器中;Ci 是方向 i 的幅值图。所以我所做的就是分别找出四个方向的互相关,然后加起来。我了解到互相关可以与图像线锐化中的卷积相同;s 结果应该是图像的笔划线,但我实际得到的是离散点。我不确定我是否正确实施了公式。请帮忙