问题标签 [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.
elixir - 使用 Phoenix 提供多个动态图像时出现问题(一些负载,一些不负载)
技术:Phoenix 1.4.9 问题:在带有“img”标签的网页中提供上传的图像,导致一些能够加载,而另一些则不能。
尝试检查图像链接,但图像链接(ae /image/1 或 /image/2)每次加载都没有问题。
强制缓存清除也不能证明问题的任何迹象。
如果人们想自己玩代码,这里是 git repo:https ://github.com/WannesFransen1994/phoenix-dynamic-images
我认为重要的代码位:控制器:
ImageContext.ex
图像架构(没有变更集等......)
输出(在图像显示链接上)有效,但是当我转到生成所有带有“img”标签的图像的概览页面时,它们随机无法加载(有时它们都工作,有时没有,有时一半,有时一个有效,其他无效)
奇怪的是,当您检查日志时,您会收到以下错误:
当文件在那里并且当您重新加载或查看图像时它可以工作。
python - 使用 Python 生成图像
我是 Python 和一般编程的新手。我是一名自学者,我决定编写一个命令行工具来帮助我为 Mi Band 4 制作表盘。所以我想生成;数字,星期几和一些不同字体和大小的特殊字符,这就是我的问题,我不想为每个图像和字体手动输入宽度和高度,因为那样做就没有任何意义了. 我希望该工具根据字体大小自行动态调整宽度和高度。
我在 python 3.7.4 上,之前我正在使用“枕头”。谢谢你的帮助
android - Android:以编程方式制作图像并将其保存到位图的最佳方法?
我有一个连接到外部打印机设备的应用程序,我需要获取一些用户数据并动态制作图像并打印它。打印机 API 需要位图作为打印输入。请注意,我从不想将程序创建的图像绘制到屏幕上;图像的生成和打印没有可见的 UI,它发生在后台。
到目前为止,我已经考虑过以下方式之一:
1)制作画布,从不调用绘图函数,将其转换为位图然后打印(有点偏离使用 Canvas API 的预期方式)
2)制作一个隐藏的 ImageView xml 布局,永远不要让它可见,将其转换为位图然后打印(这可能会变得很棘手,因为我可能必须将它包含在 Activity 的布局中某处以动态编辑它,但这会消耗资源和感觉效率低下)
您对最佳方法有何看法?我考虑过的两种方法中的任何一种都感觉有点老套,让我渴望一个用于自定义图像生成的专用 API。
javascript - 如何在 VueJS 中动态显示图像?
请在此处查看组件之间的关系 如何在 VueJS 中将值从一个子组件传递到另一个子组件?
下面的代码段没有给出错误并且没有显示图像
代码:
image_url来自另一个组件,在 VueJS 开发人员的工具中,我能够确认该值是一个 url。看起来我尝试渲染动态图像的方式有问题。
javascript - 带有可点击组件的图片
我有一张显示停车场的图像。我想让停车位可点击,并使用 lwc 将它们与 salesforce 中的记录连接起来。Leaflet-rastercoords 似乎是实现这一目标的好工具,但我很难用 VScode 在 lwc 中实现它。有人处理过类似的任务吗?
python-3.x - 在某些功能下方或上方填充像素
似乎是一个简单的问题,但我无法解决它。
我有一个配置文件,我在其中声明了一些函数。它看起来像这样:
这些函数应该生成 3 张图像。每个图像都应根据方程的解填充,并提供位置(下或上)。我需要将坐标系移动到图像的中心,所以我要加入-y
等式。应填充的图像部分应为白色,而另一部分应为黑色。
为了解释我的意思,我提供了二次函数和 sin 函数的图像。
我正在做的是求解方程x in [-W/2, W/2]
并将解存储到数组中,如下所示:
我正在测试某些像素是否应该像这样涂成白色:
我只能得到凸二次函数的良好输出。如果我尝试将它们结合起来,我会得到一个黑色的图像。Sin
根本不起作用。我看到这种蛮力方法不会把我带到任何地方,所以我想知道我应该使用什么算法来生成这些类型的图像?
node.js - Node.js 在没有画布的情况下生成动态 png 图像
我需要在没有现有 png 文件的情况下生成没有画布的图像。我想写一些文本到 png 然后使用 express js 发送它。(我不打算将它保存到磁盘,即时发送给用户)(我问这是我无法安装 node-canvas 因为 node-gyp 导致问题。)
喜欢
任何图书馆我可以做到这一点,举个例子?
python - 从给定文本生成图像
我有一个函数,它使用 Pillow 生成给定文本的图像表示,用作输入text
、font
、font_size
和color
。该函数通过生成一个空的 RGBA 图像开始工作,然后在其上绘制文本,最后裁剪结果以仅保留文本。
现在,在 99% 的情况下,该功能运行良好,但是对于更大的字体,我需要更大的画布开始,否则文本会被剪裁。出于这个原因,我将初始画布设置为具有非常高的值,例如(10k, 10k)
像素。这个初始图像大小减慢了整个过程,我想知道是否有办法获得相同的结果而不必求助于初始的空图像,或者生成的初始图像大小尽可能小为了不
我的功能是这样的:
样本结果:
编辑:
感谢@AKX 的超快速响应解决了我的问题。对于任何感兴趣的人,该功能变为
javascript - 使用带有 php 和 mysql 的 html2canvas javascript 创建动态图像并将其保存到文件夹中
我正在使用 PHP for 循环(1 到 6 个 div)创建动态 div,这些 div 内容自动需要使用 html2canvas javascript 创建图像,但对我来说,只有第一次潜水创建为图像并将其存储在文件夹中使用 PHP 通过 Ajax . 我想将所有(6 个 div 内容)创建并保存为图像并存储到文件夹中。这个怎么做?
单击创建图像按钮后,只有第一个 div 创建为图像,并通过 ajax 使用 php 将其保存到文件夹中。我的ajax动作php代码如下
现在我想创建所有 6 张图像并将其保存到我的上传文件夹中。如何做到这一点?