问题标签 [dynamic-image-generation]

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 回答
219 浏览

elixir - 使用 Phoenix 提供多个动态图像时出现问题(一些负载,一些不负载)

技术:Phoenix 1.4.9 问题:在带有“img”标签的网页中提供上传的图像,导致一些能够加载,而另一些则不能。

尝试检查图像链接,但图像链接(ae /image/1 或 /image/2)每次加载都没有问题。

强制缓存清除也不能证明问题的任何迹象。

如果人们想自己玩代码,这里是 git repo:https ://github.com/WannesFransen1994/phoenix-dynamic-images

我认为重要的代码位:控制器:

ImageContext.ex

图像架构(没有变更集等......)

输出(在图像显示链接上)有效,但是当我转到生成所有带有“img”标签的图像的概览页面时,它们随机无法加载(有时它们都工作,有时没有,有时一半,有时一个有效,其他无效)

奇怪的是,当您检查日志时,您会收到以下错误:

当文件在那里并且当您重新加载或查看图像时它可以工作。

额外:问题的图像。同一页面,只是重新加载了两次: 示例截图1示例截图2

0 投票
0 回答
97 浏览

python - 使用 Python 生成图像

我是 Python 和一般编程的新手。我是一名自学者,我决定编写一个命令行工具来帮助我为 Mi Band 4 制作表盘。所以我想生成;数字,星期几和一些不同字体和大小的特殊字符,这就是我的问题,我不想为每个图像和字体手动输入宽度和高度,因为那样做就没有任何意义了. 我希望该工具根据字体大小自行动态调整宽度和高度。

我在 python 3.7.4 上,之前我正在使用“枕头”。谢谢你的帮助

0 投票
1 回答
887 浏览

android - Android:以编程方式制作图像并将其保存到位图的最佳方法?

我有一个连接到外部打印机设备的应用程序,我需要获取一些用户数据并动态制作图像并打印它。打印机 API 需要位图作为打印输入。请注意,我从不想将程序创建的图像绘制到屏幕上;图像的生成和打印没有可见的 UI,它发生在后台。

到目前为止,我已经考虑过以下方式之一:

1)制作画布,从不调用绘图函数,将其转换为位图然后打印(有点偏离使用 Canvas API 的预期方式)

2)制作一个隐藏的 ImageView xml 布局,永远不要让它可见,将其转换为位图然后打印(这可能会变得很棘手,因为我可能必须将它包含在 Activity 的布局中某处以动态编辑它,但这会消耗资源和感觉效率低下)

您对最佳方法有何看法?我考虑过的两种方法中的任何一种都感觉有点老套,让我渴望一个用于自定义图像生成的专用 API。

0 投票
3 回答
6299 浏览

javascript - 如何在 VueJS 中动态显示图像?

请在此处查看组件之间的关系 如何在 VueJS 中将值从一个子组件传递到另一个子组件?

下面的代码段没有给出错误并且没有显示图像

代码:

image_url来自另一个组件,在 VueJS 开发人员的工具中,我能够确认该值是一个 url。看起来我尝试渲染动态图像的方式有问题。

在此处输入图像描述

0 投票
1 回答
45 浏览

javascript - 随机图像生成?

我正在寻找创建一个康威的生命游戏类型的动态图像,该图像在这些一般模式中循环(如下)。

是否可以使用 Javascript 创建这些类型?还是我最好寻找一个 3D 应用程序并循环浏览一系列预定义的图像?

在此处输入图像描述

0 投票
1 回答
246 浏览

javascript - 带有可点击组件的图片

我有一张显示停车场的图像。我想让停车位可点击,并使用 lwc 将它们与 salesforce 中的记录连接起来。Leaflet-rastercoords 似乎是实现这一目标的好工具,但我很难用 VScode 在 lwc 中实现它。有人处理过类似的任务吗?

0 投票
1 回答
159 浏览

python-3.x - 在某些功能下方或上方填充像素

似乎是一个简单的问题,但我无法解决它。

我有一个配置文件,我在其中声明了一些函数。它看起来像这样:

这些函数应该生成 3 张图像。每个图像都应根据方程的解填充,并提供位置(下或上)。我需要将坐标系移动到图像的中心,所以我要加入-y等式。应填充的图像部分应为白色,而另一部分应为黑色。

为了解释我的意思,我提供了二次函数和 sin 函数的图像。

在此处输入图像描述

罪

我正在做的是求解方程x in [-W/2, W/2]并将解存储到数组中,如下所示:

我正在测试某些像素是否应该像这样涂成白色:

我只能得到凸二次函数的良好输出。如果我尝试将它们结合起来,我会得到一个黑色的图像。Sin根本不起作用。我看到这种蛮力方法不会把我带到任何地方,所以我想知道我应该使用什么算法来生成这些类型的图像?

0 投票
0 回答
83 浏览

node.js - Node.js 在没有画布的情况下生成动态 png 图像

我需要在没有现有 png 文件的情况下生成没有画布的图像。我想写一些文本到 png 然后使用 express js 发送它。(我不打算将它保存到磁盘,即时发送给用户)(我问这是我无法安装 node-canvas 因为 node-gyp 导致问题。)

喜欢

任何图书馆我可以做到这一点,举个例子?

0 投票
1 回答
55 浏览

python - 从给定文本生成图像

我有一个函数,它使用 Pillow 生成给定文本的图像表示,用作输入textfontfont_sizecolor。该函数通过生成一个空的 RGBA 图像开始工作,然后在其上绘制文本,最后裁剪结果以仅保留文本。

现在,在 99% 的情况下,该功能运行良好,但是对于更大的字体,我需要更大的画布开始,否则文本会被剪裁。出于这个原因,我将初始画布设置为具有非常高的值,例如(10k, 10k)像素。这个初始图像大小减慢了整个过程,我想知道是否有办法获得相同的结果而不必求助于初始的空图像,或者生成的初始图像大小尽可能小为了不

我的功能是这样的:

样本结果:

在此处输入图像描述


编辑:

感谢@AKX 的超快速响应解决了我的问题。对于任何感兴趣的人,该功能变为

0 投票
0 回答
280 浏览

javascript - 使用带有 php 和 mysql 的 html2canvas javascript 创建动态图像并将其保存到文件夹中

我正在使用 PHP for 循环(1 到 6 个 div)创建动态 div,这些 div 内容自动需要使用 html2canvas javascript 创建图像,但对我来说,只有第一次潜水创建为图像并将其存储在文件夹中使用 PHP 通过 Ajax . 我想将所有(6 个 div 内容)创建并保存为图像并存储到文件夹中。这个怎么做?

单击创建图像按钮后,只有第一个 div 创建为图像,并通过 ajax 使用 php 将其保存到文件夹中。我的ajax动作php代码如下

现在我想创建所有 6 张图像并将其保存到我的上传文件夹中。如何做到这一点?