一张图片胜过千言万语...

我想知道如何能够生成这样的图像，其中（1）两个圆显然是完美的圆，（2）我可以根据角度定义每个区域的开始和结束部分，例如第 1 节从垂直的 0 弧度开始，到垂直的 pi/2 弧度结束，等等，并且 (3) 我可以定义每个区域的颜色。

事实上，环的外侧和内侧不应该有黑色边框；每个区域的边框应与每个区域的颜色相同。

我如何使用 ImageMagick 来做到这一点？

我正在开一家网店，您可以在其中使用凹版印刷个性化眼镜、钢笔等...

我们还想要像这家商店一样的“预览”功能（点击“Vorschau”）： https ://www.geschenke-online.de/graviertes-whiskyglas-scotch-whiskey-drinker-mit-wunschname-und-geburtsjahr

他们正在通过此链接生成预览图像： https ://hotrod-factory.com/cgi-bin/webproducer?motiv=pde-leo-k18-whg25.dtm&text_field1=Mytext%20&text_field2=2015&width=600

什么是 .dtm 文件，如何在我的网站上实现此功能？

提前致谢！

Of course, it's trivial to set a plain color for a background:

These days, instead of using "plain gray", it is popular to use a "fuzzy" or "cloudy" background, as a design feature in apps.

For example, here's a couple "fuzzy" backgrounds - it's just a plain color with perhaps some noise and maybe blur on that.

You can see backgrounds something like this all over, consider popular feed apps (whassapp etc). It's a "fad" of our day.

It occurred to me, it would be fantastic if you could do this in code in Swift

Note: starting with a PNG is not an elegant solution:

Hopefully it is possible to generate everything programmatically from scratch.

It would be great if the Inspector had a slider in the IBDesignable style, "Add faddish 'grainy' background..." - Should be possible in the new era!

我想动态创建一个可以在<img/>标签中使用的 svg。这本身很容易；创建一个 svg，设置标题并将生成的部分回显到正确的位置。

问题是，我希望能够在 svg 中嵌入字体。我已经尝试@font-face在 svg 的 css 中使用该规则，但这不起作用（MDN 说它只适用于 Android 和 Safari）。

有没有跨浏览器的方法来做到这一点？

我考虑过的解决方案：

可能的解决方案#01：

解决方案：

在我的主文件中，创建一个使用@font-facecss 规则的 svg 文件，然后用于exec()使用 inkscape 将该 svg 转换为另一个 svg，它将所有字母转换为路径。然后我可以使用echo file_get_contents($inkscape_file)正确的标题将其输出为可与<img/>标签一起使用的 svg。

这个问题：

这会创建 2 个额外的文件，因此看起来效率很低。此外，由于每个用户最终会生成几张图像，因此占用的空间会显着增加。

可能的解决方案#02：

解决方案：

在 illustrator 中制作一个模板，然后将其保存为 svg，并勾选嵌入所有字形选项。然后用 PHP 脚本中的选项替换文本和样式。使用正确的标题并输出它。

这个问题：

这严重限制了可以使用的字体数量，因为它仅限于我为其创建模板的字体。我想要的行为是为用户添加上传自己的字体并使用它们的选项。该解决方案不允许这样做。

可能具有一定相关性的其他信息：

1. 我的开发服务器运行fedora，生产服务器使用redhat。

2. @font-face我目前使用的规则如下：

   @font-face { font-family: Potato; src: url("/fonts/potato.otf"); }

摄影马赛克是一种将现有图像重新生成为缩略图马赛克的技术。原始像素的颜色应该大致类似于覆盖图块的颜色。

例如，角色扮演游戏玩家根据用户的缩略图重新生成了世界地图。

此图像的源代码在 github 上共享，但它非常适合特定的世界地图任务。

是否有将现有图像重新生成为一组给定缩略图的拼贴/马赛克的通用解决方案？

我正在将正在开发的站点转换为引导程序。在我的一个页面上，我根据用户输入动态创建图像。

我从这样的页面开始：

之后 ：

用户单击其中一个杂志封面，左上角会生成一个新图像。图像的其他部分是用户在其他页面上所做的选择。

我的问题是生成代码的 javascript 在 HTML 中插入 width= 和 height= 代码。由于这会破坏引导响应图像，我想摆脱它，但我不知道如何。其他一切工作正常。

这是过程：

我从 HTML 开始：

页面入口没有图像。生成默认图像。

当客户点击其中一个杂志封面时，就会发出请求。

函数 buildFrameUrl 返回如下内容：

这是getImage的代码

由此生成的 HTML 看起来像这样

width= 来自此处设置的值：

高度也一样。

我尝试消除该行，但这给了我来自 fShowLoading 代码的 32x32 图像。如果我从 fShowLoading 块中删除宽度和高度 =，我会得到正确尺寸的图像，但在生成的 html 中仍然具有宽度 = 和高度 =。

关于如何消除 width= 和 height= html 生成的任何想法，以便引导程序能够响应地调整图像大小？

我对javascript完全陌生，今晚我的教授向我提出了一个挑战，我要创建一个网页，在我的文件夹中显示最近三天的图片。

我的教授很刻薄，不会帮助我，我正在挖掘 StackOverflow 档案并不断寻找类似的东西，但并不完全是我想要做的。

如果您能提供帮助，我将不胜感激。

我有 10 张图片.. 都以日期命名（07072016.jpg、07062016.jpg、07052016.jpg 等）。我想将它们显示在三行中（是的 - 我查看了 W3 并且知道使用 and 。但我找不到的是如何动态地显示最后三个日期。

我从逻辑上知道我需要采取哪些步骤（从某个函数中获取今天的日期，将其拆分，重新组装，使其成为 MMddYYYY，然后在末尾添加“.jpg”），但不知道如何在javascript（或我可以放入我的 html shell 中的任何其他内容。

请帮忙。谢谢。

我需要有关如何执行此过程的输入。

1. 接收 Word/Excel/PPT 文档。这些文件将定期更新和更改，以供公司内部使用。

2. 在网页上显示它们。

最初的讨论是将 Office 格式转换为 JPEG/PDF 以供显示。什么是推荐的解决方案（需要一个程序/而不是像 Office 365 或 Google Docs 之类的东西）？

PS：团队擅长 ASP.NET 和使用 API。

我想构建一个类似于 nametest 或 Meaww 的 facebook 应用程序，并且几乎成功地让我的 API 调用 Facebook Graph API 并从 facebook 返回数据。让我感到困惑的是上述 Web 应用程序的 UI。当您在 Meaww 或 Nametests 上完成测试时，结果以图像 (Jpeg) 格式呈现给用户。我只是不知道他们如何设法使用所有 CSS 样式等将 HTML 动态转换为图像，以及他们如何将其作为图像返回给用户？是否可以在 ASP.NET MVC 中将这种情况付诸实践？如果是，那么我需要一个提示来做到这一点。

下面是 Meaww 作为测试结果生成的图像。

编辑： 更具体地说...我的public async Task<ActionResult> FB_Analyse()控制器中有一个动作，它通过 Graph API 调用从 facebook 获取数据，然后将数据值传递给模型，然后在动作结束时返回如下视图：

然后在我看来，我有这个简单的<div>标签，其图像如下：

如您所见，我有三个不同的<img>标签。一张是另外两张图片的背景，另外两张是一张 Facebook 用户图片，第二张是 Facebook 用户朋友的图片，它们都放在背景图片的顶部。我要达到的目标是晴空万里。我想将这三张图片合二为一，然后将其作为一张图片展示给用户。

请帮助我迷路了。

我的网站能够以一种很好的方式显示用户列表。在页面上，除其他外，我显示了这样的材料设计表（图像，一些文本和列表的一些动态参数）：

当 Facebook 抓取这个页面时，我想提供一些看起来像这样（或更简单）的东西，显然它必须动态生成，因为你看到的只是在客户端。左上角的缩略图太小，无法单独提供给 Facebook。效果不会很讨喜。

实现这一点在技术上是否可行？一些图书馆为此做了什么？