salve a tutti sono nuovo del forum e spero tanto di poter trovare aiuto, sicuramente qui ne sapete molto più di me e quindi confido in voi, mi scuso in anticipo se commetto degli errori in base alle regole del forum...
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
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
HTML:
<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'>
<br>
<textarea id="testo"></textarea>
Ultima modifica di un moderatore: