Javascript-如何将文本转换为图像

我需要使用Javascript将文本转换为图像。我试过了 。 但在我的脚本中，我的文本中也有粗体和斜体。因此，它不是直接转换粗体，而是简单地显示普通文本

例如：如果我这样给出“StackOverFlow”，则给出的是“StackOverFlow”，而不是粗体的

更新

---

我能够在文本字段中输入粗体、斜体字符，但在JS端得到文本字段的值，我得到的是普通文本。我还需要获取格式化文本。

展开您已经检查过的问题/答案

var tCtx = document.getElementById('textCanvas').getContext('2d'), 
    width,
    imageElem = document.getElementById('image'); //Image element
tCtx.font="30px Arial Bold"
width = tCtx.measureText("S").width;
tCtx.fillText("S", 0, 10);
tCtx.translate(width, 0);
tCtx.font="30px Arial"
width = tCtx.measureText("tack").width;
tCtx.fillText("tack", 0, 10);
tCtx.translate(width, 0);
tCtx.font="30px Arial Bold"
width = tCtx.measureText("O").width;
tCtx.fillText("O", 0, 10);
tCtx.translate(width, 0);

等等

imageElem.src = tCtx.canvas.toDataURL();

基本上，你必须改变字体风格，一块一块地写文本。

---

​

html输入或textarea无法在其值内管理不同的样式，您可以使用所见即所得（wysiwyg），然后提取html并解析它

根据我的示例链接，您可以执行以下操作：

jQuery('.wysiwyg-editor').contents()

这将返回一个包含每个html元素的数组，然后使用您以前尝试过的内容

---

希望有此帮助

这是图像或文本？您的具体尝试是什么。。您可以在其中输入样式化字体。。在普通的HTML文本区域？你有代码给我们吗，这样我们就可以查看它了？@MayankVadiya这里的文本我认为它很好，但我不知道如何在我的HTML中使用它。我们不能一块一块地更改，因为这是用户输入的动态文本。我们不知道他何时会使用粗体，何时会使用斜体。另一个解决方案是使用fabricJS iText功能以风格呈现文本。您需要的是一个从富文本到fabricjs样式的文本解析器。查看fabricjs.com，看看这是否是您想要处理的事情。这将允许你处理颜色，下划线，罢工trought，不同的字体和背景色，开箱即用。不介意，我更新了这个问题。你能检查一下吗。要在js中编写图像，必须使用画布。画布是我展示给你的。您可以编写一个软件来解析格式化的文本，并逐块使用画布，或者使用一个库来为您执行此操作。没有可以解决您问题的快速黑客脚本。您必须编辑您的问题，并添加您使用的编辑器来进行帮助更改。我正在使用我的div&能够以不同的样式输入文本，我正在尝试使用$（'#input'）.text（）获取值；但是只获取普通文本