Con il codice che riporto vorrei scegliere, mediante l’input, i valori delle proprietà del testo, oltre che il testo stesso, usando delle apposite variabili letterali.
Le variabili riguardanti la posizione e il colore funzionano, quelle riguardanti il font-family, font-size, font-style e font-weight invece non mi funzionano. Desidererei un aiuto. Grazie

lanvoel

codice:
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="500" height="500" style="border:1px solid blue;">
</canvas>
<FIELDSET style=" width: 200px; height: 350px; position: absolute; left:550px; top:20px; background: aqua;"><LEGEND>scrittura testo</LEGEND>
<TABLE border=0>
<TR><TD>
testo:<input type="text" id="testo1" size=10><br>
xP=<input type="text" id="xP1" value="100" size=7><br>
yP=<input type="text" id="yP1" value="100" size=7><br>
colore=<input type="text" id="colore1" value="red" size=10><br>
col_bo=<input type="text" id="col_bo1" value="blue" size=10><br><br>
codice:
dim_car<input type="text" id="dim_car1" value="24" size=7><br>
stile:<input type="text" id="stile1" value="italic" size=7><br>
font_family<input type="text" id="font1" value="Arial" size=10><br>
peso=<input type="text" id="peso1" value="bold" size=7><br><br>
<input type="button" id="testo2" value="scrivi testo" onclick="do_testo()"><br>
</TABLE></FIELDSET>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
function do_testo()
{
testo=testo1.value;
colore=colore1.value;
col_bo=col_bo1.value
xP=xP1.value;
yP=yP1.value;
dim_car=dim_car1.value;
stile=stile1.value;
font_family=font1.value;
peso=peso1.value;
ctx.beginPath();
 ctx.font = "stile peso dimr_ca+'px' font_family";       
 ctx.lineWidth=1;
 ctx.fillStyle=colore;                 //riempimento
 ctx.fillText(testo, xP, yP);          //riempimento
 ctx.strokeStyle=col_bo;                  //bordo
 ctx.strokeText(testo, xP, yP);           //bordo
ctx.closePath();
}
</script> 
</body>
</html>