您如何自动将文本动态添加到图像并导出图像？

Question

最近，Spotify发布了他们的2019 Spotify打包Web应用程序，从本质上来说，这是音乐艺术家和音乐收听者都可以倒带并查看他们在过去一年中听/听过的音乐的一种方式。

作为网站的一部分，他们动态创建了这些图像，人们可以将其导出或共享到他们的一个社交媒体网络。

以上是这些动态生成的图像之一的示例（当然，该图像以及下面的文本/统计信息发生了变化。

我将如何在代码中执行此操作？

很抱歉，如果在错误的位置-不确定我会在哪里发布。预先感谢！

Answer 1

最简单的方法是使用SVG作为基本模板，允许您在事实之后添加文本值。