Foros del Web » Creando para Internet » HTML »

Redondear esquinas de un canvas?

Estas en el tema de Redondear esquinas de un canvas? en el foro de HTML en Foros del Web. Hola compañeros, Estoy creando una imagen a partir de un texto, inserto el texto en un canvas y guardo dicha imagen. Me gustria saber si ...
  #1 (permalink)  
Antiguo 28/09/2015, 12:28
 
Fecha de Ingreso: septiembre-2014
Ubicación: Cadiz
Mensajes: 45
Antigüedad: 10 años, 3 meses
Puntos: 0
Redondear esquinas de un canvas?

Hola compañeros,

Estoy creando una imagen a partir de un texto, inserto el texto en un canvas y guardo dicha imagen. Me gustria saber si es posible guardar dicha imagen con los bordes redondeados(cuadrados queda bastante feo). He conseguido dibujar un rectangulo alrededor del texto pero la imagen al guardarla logicamente no esta redondeada. Es posible redondear el canvas en si? La verdad que probe a intentarlo redondear el canvas con css pero no funciono... ¿Alguien tiene alguna idea? Gracias!
  #2 (permalink)  
Antiguo 02/10/2015, 11:35
 
Fecha de Ingreso: diciembre-2009
Mensajes: 92
Antigüedad: 15 años
Puntos: 13
Respuesta: Redondear esquinas de un canvas?

Hola;

No creo que se pueda redondear un canvas, podrías hacer que el fondo de la imagen fuera transparente y dibujar tu texto encima de un rectángulo blanco con los bordes redondeados.

Necesitas guardar la imagen con un formato que acepte transparencia, por ejemplo PNG. (con JPEG no se puede).

Ejemplo guardar imagen con fondo transparente: http://lineadecodigo.com/wp-content/...en-imagen.html

Ejemplo rectángulos con borde redondeado: http://js-bits.blogspot.com.es/2010/...ectangles.html

Saludos.

Etiquetas: canvas, esquinas, redondear
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:44.