Ver Mensaje Individual
  #20 (permalink)  
Antiguo 30/01/2012, 13:36
Avatar de Yedi
Yedi
 
Fecha de Ingreso: junio-2006
Ubicación: México
Mensajes: 159
Antigüedad: 17 años, 10 meses
Puntos: 2
Respuesta: Salto de linea en un texto?

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 original
  1. function wrapText(context, text, x, y, maxWidth, lineHeight){
  2.     var words = text.split(" ");
  3.     var line = "";
  4.     var x=500;
  5.     var y=50;
  6.     var maxWidth=400;
  7.     var lineHeight=30;
  8.    
  9.     context.fillStyle = "rgb(255, 255, 255)";
  10.     context.fillRect(480, 30, 400, 100);
  11.     context.font = "20pt Calibri";
  12.     context.fillStyle = "blue";
  13.  
  14.      
  15.     for (var n = 0; n < words.length; n++) {
  16.         var testLine = line + words[n] + " ";
  17.         var metrics = context.measureText(testLine);
  18.         var testWidth = metrics.width;
  19.         if (testWidth > maxWidth) {
  20.             context.fillText(line, x, y);
  21.             line = words[n] + " ";
  22.             y += lineHeight;
  23.         }
  24.         else {
  25.             line = testLine;
  26.         }
  27.     }
  28.     context.fillText(line, x, y);
  29. }

Espero que este ejemplo le sirva a alguien mas

Gracias por sus comentrios que me ayudaron