Question

我需要使用Javascript将文本转换为图像。我试过了的 convert-text-to-image-using-javascript 即可。但在我的剧本中，我有大胆的＆amp;斜体也在文本中。由于它没有直接转换粗体，它只显示正常文本。

对于Ex：如果我这样给出“ S 大头钉 O ver F 低”它给出“StackOverFlow”而不是粗体< / p>

更新

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

Answer 1

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

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();

基本上你必须改变字体样式并逐个编写文本。

Answer 2

html输入或textarea无法在其值中管理不同的样式，您可以使用类似this的所见即所得，然后解压缩并解析它。

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

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

这会返回一个包含每个html元素的数组，然后使用你之前尝试过的内容。

希望这个帮助

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

2 个答案: