salve a tutti, sul mio sito ho esigenza di far visualizzare del testo dinamico ma mi interessa renderlo tipo immagine, dopo tantissime ricerche sono riuscito a trovare questo script ma non riesco in nessun modo ad evitare il <textarea>, mi spiego:
vorrei che il valore di una variabile venga elaborata dallo script, come faccio?
vi posto lo script, vi prego aiutatemi che sto diventando scemo
<style type='text/css'>
canvas{
border: 1px black solid;
}
#textCanvas{
display: none;
}
</style>
<script type='text/javascript'>//<![CDATA[
window.onload=function(){
var tCtx = document.getElementById('textCanvas').getContext(' 2d'),
imageElem = document.getElementById('image');
document.getElementById('testo').addEventListener( 'keyup', function (){
tCtx.canvas.width = tCtx.measureText(this.value).width;
tCtx.fillText(this.value, 0, 10);
imageElem.src = tCtx.canvas.toDataURL();
console.log(imageElem.src);
}, false);
}//]]>
</script>
<canvas id='textCanvas' height='20'></canvas>
<img id='image'>
<textarea id="testo"></textarea>
