使用javascript将文本转换为图像[已关闭]

前端之家收集整理的这篇文章主要介绍了使用javascript将文本转换为图像[已关闭]前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有什么办法可以将输入的文字转换为图像.我正在努力做的是将一些文本输入到文本框中,并将其显示在div上.当我点击按钮时,复制到div的文本应该更改为图像. Any1知道这个吗?提前致谢!

解决方法

您可以使用隐藏的画布元素并使用toDataURL将其转换为图像.你的代码看起来像这样: @H_301_6@var tCtx = document.getElementById('textCanvas').getContext('2d'),//Hidden canvas imageElem = document.getElementById('image'); //Image element // Text input element document.getElementById('textInput').addEventListener('keyup',function (){ tCtx.canvas.width = tCtx.measureText(this.value).width; tCtx.fillText(this.value,10); imageElem.src = tCtx.canvas.toDataURL(); console.log(imageElem.src); },false); ​

Demo

猜你在找的JavaScript相关文章