Foros del Web » Creando para Internet » HTML »

Como dibujar esta imagen en canvas

Estas en el tema de Como dibujar esta imagen en canvas en el foro de HTML en Foros del Web. hola amigos, tengo el siguiente problema... como dibujar esta imagen en canvas?: alguien me ayuda?... primera vez que me meto a <canvas> ......
  #1 (permalink)  
Antiguo 30/12/2012, 12:44
 
Fecha de Ingreso: abril-2009
Mensajes: 3
Antigüedad: 15 años
Puntos: 0
Pregunta Como dibujar esta imagen en canvas

hola amigos, tengo el siguiente problema... como dibujar esta imagen en canvas?:


alguien me ayuda?... primera vez que me meto a <canvas> ...
  #2 (permalink)  
Antiguo 30/12/2012, 16:59
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Como dibujar esta imagen en canvas

Hola:

No me he metido en canvas aún, pero con svg sería bien fácil... un tag rect, dos líneas oblícuas, cuatro tags circle (dos rojos y dos azúles), y un par de circles centrados... creo que con canvas debes pensar de similar manera...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 01/01/2013, 06:21
Avatar de Manuellama  
Fecha de Ingreso: noviembre-2006
Ubicación: Zafra, Extremadura, Spain, Spain
Mensajes: 174
Antigüedad: 17 años, 5 meses
Puntos: 10
Respuesta: Como dibujar esta imagen en canvas

http://lab.abhinayrathore.com/img2canvas/img2canvas.php

Puedes usar esta página. Aunque yo veo el código demasiado redundante y repetitivo.

Estoy intentando hacer una función para pasar ese código a funciones moveTo y lineTo etc, porque verás que es un script demasiado extenso.

Usa demasiado fillRect cuando un código:
dx.fillStyle="rgba(1,52,103,1)";
dx.moveTo(3,0);
dx.lineTo(97,0);
dx.stroke();

te quitaría muchas de esas fillRect...

Si puedo y tengo tiempo haré esa función.

Etiquetas: canvas, dibujo, examen, html5
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 15:53.