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

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

解决方法

您可以使用隐藏的画布元素并使用toDataURL将其转换为图像.你的代码看起来像这样:
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

原文链接:https://www.f2er.com/js/154014.html

猜你在找的JavaScript相关文章