Javascript 如何使用JS和其他图像生成图像？

我正在寻找一种方法来生成一个带有各种文本的图像，作为一个参数提供（包括指定的字体），我有另一个图像用作模板（某种背景）。如果可能的话，请帮助指出实现这一点的方法。

使用canvas标记，请参阅。

您可以使用canvas或SVG，后者更擅长文本处理，因为它本身就支持文本。我的意思是，您可以直接将文本输入到SVG文件中，而对于画布，您必须以某种方式自行渲染文本。还可以将图像嵌入到SVG文件中

---

作为旁注，如果您不知道，您还可以使用服务器端语言（如PHP）来创建图像。

在画布中，您通常可以使用

context.fillText（“我的文本”，x，y）来呈现文本。还要注意的是，SVG允许您制作分辨率无关的矢量图形，而canvas则擅长像素推送。一个很好的SVG包装库是Raphael.js。实际上，js并没有提供适当（满足我的需要）级别的图像处理，即使canvas有很多矢量图形（从Raphael.js判断）。无论如何，我的解决方案都是服务器端php图像生成（在某种意义上是“松开我的手臂”）。Canvas和Raphael.js彼此无关。