如何使用 JS 并利用其他图像生成图像?
我正在寻找一种方法来生成具有各种文本的图像,作为参数提供(包括指定的字体),并且我有另一个图像用作模板(某种背景)。如果确实可能的话,请帮助指出实现这一目标的方法。
I'm looking for a way to generate an image with various text, provided as a parameter (includes specified font) and I have another image used as a template (some sort of background). Please help in pointing a way to achieve that, if it is actually possible.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
使用canvas标签,请参阅http://diveintohtml5.ep.io/canvas.html。
Use the canvas tag, see http://diveintohtml5.ep.io/canvas.html.
您可以使用 canvas 或 SVG,后者更擅长文本处理,因为它本身支持文本。我的意思是,您可以直接将文本输入到 SVG 文件中,而对于画布,您必须以某种方式自己渲染文本。您还可以将图像嵌入到 SVG 文件中。
顺便说一句,如果您不知道的话,您还可以使用 PHP 等服务器端语言来创建图像。
You can use canvas or SVG, the latter being better at text handling since it natively supports text. By that i mean that you can literally type the text into your SVG file, whereas for canvas you'd have to somehow render the text yourself AFAIK. You can also embed an image into a SVG file.
As a sidenote, you could also use a server-side language like PHP to create images, in case you didn't know.