Pues les comparto la solucion que encontré.. despues de andar buscando en la red otros ejemplos halle este pequeño codigo para dividir un texto en varias lineas.. asi que lo adapte a lo que ya tenía y listo.. funciono super bien
Código Javascript
:
Ver originalfunction wrapText(context, text, x, y, maxWidth, lineHeight){
var words = text.split(" ");
var line = "";
var x=500;
var y=50;
var maxWidth=400;
var lineHeight=30;
context.fillStyle = "rgb(255, 255, 255)";
context.fillRect(480, 30, 400, 100);
context.font = "20pt Calibri";
context.fillStyle = "blue";
for (var n = 0; n < words.length; n++) {
var testLine = line + words[n] + " ";
var metrics = context.measureText(testLine);
var testWidth = metrics.width;
if (testWidth > maxWidth) {
context.fillText(line, x, y);
line = words[n] + " ";
y += lineHeight;
}
else {
line = testLine;
}
}
context.fillText(line, x, y);
}
Espero que este ejemplo le sirva a alguien mas
Gracias por sus comentrios que me ayudaron