Tengo una pestaña de dibujo de lienzo y quiero que lineWidth se base en la distancia entre las dos últimas actualizaciones de coordenadas de mousemove. Yo mismo haré la traducción de la distancia al ancho, solo necesito saber cómo obtener la distancia entre esos puntos (ya tengo las coordenadas de...
¿Cómo puedo colocar una imagen en el lienzo para dibujar sobre esa imagen?
¿Cómo puedo obtener el ancho y el alto del elemento de lienzo en JavaScript? Además, ¿cuál es el "contexto" del lienzo sobre el que sigo leyendo?
Para hacer un juego simple, utilicé una plantilla que dibuja un lienzo con mapas de bits como este: private void doDraw(Canvas canvas) { for (int i=0;i<8;i++) for (int j=0;j<9;j++) for (int k=0;k<7;k++) { canvas.drawBitmap(mBits[allBits[i][j][k]], i*50 -k*7, j*50 -k*7, null); }...
Necesito saber cómo dibujar polígonos en un lienzo. Sin usar jQuery ni nada de
Quiero mostrar todos los puntos en mi gráfico a partir de los datos que obtengo, pero no quiero mostrar todas las etiquetas para ellos, porque entonces el gráfico no es muy legible. Lo estaba buscando en los documentos, pero no pude encontrar ningún parámetro que limite esto. No quiero tomar...
Cuando dibujo un texto en un lienzo con un tipo de letra que se carga a través de @ font-face, el texto no se muestra correctamente. No se muestra en absoluto (en Chrome 13 y Firefox 5), o el tipo de letra es incorrecto (Opera 11). Este tipo de comportamiento inesperado ocurre solo en el primer...
¿Cuáles son las diferencias entre SVG y HTML5 Canvas? Ambos parecen hacerme lo mismo. Básicamente, ambos dibujan ilustraciones vectoriales utilizando puntos de coordenadas. ¿Qué me estoy perdiendo? ¿Cuáles son las principales diferencias entre SVG y HTML5 Canvas? ¿Por qué debería elegir uno...
Cómo llenar HTML5 completo <canvas>con un solo color. Vi algunas soluciones como esta para cambiar el color de fondo usando CSS pero esta no es una buena solución ya que el lienzo permanece transparente, lo único que cambia es el color del espacio que ocupa. Otro es crear algo con el...
Tengo una vista, estoy dibujando con el objeto Canvas en el método onDraw (Canvas canvas). Mi codigo es: Paint paint = new
Cerrado . Esta pregunta debe estar más enfocada . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que se centre en un solo problema editando esta publicación . Cerrado hace 7 años . Mejora esta pregunta...
Estoy tratando de cambiar el tamaño de algunas imágenes con lienzo, pero no tengo ni idea de cómo suavizarlas. En photoshop, navegadores, etc. hay algunos algoritmos que usan (por ejemplo, bicúbicos, bilineales) pero no sé si están integrados en el lienzo o no. Aquí está mi violín:...
¿No dormí lo suficiente o qué? Este siguiente código var frame=document.getElementById("viewer"); frame.width=100; frame.height=100; var ctx=frame.getContext("2d"); var img=new Image(); img.src="http://www.ansearch.com/images/interface/item/small/image.png" img.onload=function() { // draw...
Quiero cargar una imagen PNG codificada en Base64 al elemento canvas. Tengo este codigo: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx =
Estoy haciendo un juego usando canvas y javascript. Cuando la página es más larga que la pantalla (comentarios, etc.), al presionar la flecha hacia abajo, la página se desplaza hacia abajo y hace que el juego sea imposible de jugar. ¿Qué puedo hacer para evitar que la ventana se desplace...
Así que estoy dibujando este triángulo en mapas de Android usando el siguiente código en mi método de dibujo: paint.setARGB(255, 153, 29, 29); paint.setStyle(Paint.Style.FILL_AND_STROKE); paint.setAntiAlias(true); Path path = new Path(); path.moveTo(point1_returned.x,
¿Es posible obtener el píxel de valor RGB con el mouse? ¿Existe un ejemplo completo de esto? Esto es lo que tengo hasta ahora: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){...
Estoy jugando con el <canvas>elemento, dibujando líneas y demás. He notado que mis líneas diagonales están suavizadas. Preferiría el aspecto irregular para lo que estoy haciendo. ¿Hay alguna forma de desactivar esta función?
Lo que me gustaría hacer es dibujar mis gráficos en un búfer y luego poder copiarlos como están en el lienzo para poder hacer la animación y evitar el parpadeo. Pero no pude encontrar esta opción. ¿Alguien sabe cómo puedo hacer esto?
A veces he visto ejemplos en los que la coloración en Android se realiza como # FF191919. Me refiero a un número hexadecimal de 8 dígitos. Pero debe ser solo un número de 6 dígitos. ¿Como están relacionados? Si quiero convertir un número de 6 dígitos en un número de 8 dígitos. ¿Cómo hacerlo? Me...