Articles of canvas

¿Cómo se usa StaticLayout en Android?

Necesito construir mi propio TextView personalizado, así que he estado aprendiendo sobre StaticLayout para dibujar texto en un canvas. Esto es preferible al uso de Canvas.drawText() directamente, o eso dice la documentación . Sin embargo, la documentación no da ningún ejemplo de cómo hacerlo. Solo hay una vaga referencia a que StaticLayout.Builder es la forma […]

Cómo arrastrar un UserControl dentro de un Canvas

Estoy escribiendo mi primera aplicación WPF. Tengo un canvas en el que el usuario puede agregar subclases UserControl que contienen un formulario. El usuario debería poder arrastrar estos UserControl alrededor del canvas. ¿Cuál es la mejor práctica para hacer esto con WPF? Gracias.

Lienzo HTML5 y Anti-aliasing

Cómo activar el suavizado en un canvas . El siguiente código no dibuja una línea suave: var context = mainCanv.getContext(“2d”); if (context) { context.moveTo(0,0); context.lineTo(100,75); context.strokeStyle = “#df4b26”; context.lineWidth = 3; context.stroke(); }

¿Puedes tomar una “captura de pantalla” de la página usando Canvas?

Tengo una página donde estamos posicionando un grupo de elementos usando CSS y cambiando sus posiciones “arriba y a la izquierda” usando JS. He recibido informes de que estas cosas no se alinearon correctamente, pero el usuario tiene motivos para mentir sobre esto para “hacer trampa”, por lo que no estoy seguro de si dicen […]

Cómo voltear imágenes horizontalmente con HTML5

En IE, puedo usar: para implementar una imagen volteada horizontalmente. ¿Hay alguna forma de voltear horizontalmente en HTML5? (tal vez mediante el uso de canvas?) gracias a todos 🙂

Dibujar texto en con @ font-face no funciona en el primer momento

Cuando dibujo un texto en un canvas 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 está mal (Opera 11). Este tipo de comportamiento inesperado ocurre solo en el […]

¿Cómo cambiar la opacidad (alfa, transparencia) de un elemento en un elemento canvas después de que se ha dibujado?

Utilizando el elemento HTML5 , me gustaría cargar un archivo de imagen (PNG, JPEG, etc.), dibujarlo en el canvas de forma totalmente transparente y luego fundirlo. He descubierto cómo cargar la imagen y dibujar al canvas, pero no sé cómo cambiar su opacidad una vez que ha sido dibujado. Aquí está el código que tengo […]

Android: cómo detectar cuándo ha terminado un pergamino

Estoy usando el método onScroll de GestureDetector.SimpleOnGestureListener para desplazar un bitmap grande en un canvas. Cuando el pergamino haya terminado, quiero volver a dibujar el bitmap en caso de que el usuario quiera desplazarse más … fuera del borde del bitmap, pero no puedo ver cómo detectar cuándo el pergamino ha finalizado (el usuario ha […]

Utilice Javascript para obtener el tamaño máximo de fuente en canvas

Estoy dibujando un canvas que debe estar en la pantalla completa disponible (100% de ancho y alto). Establecí el ancho y alto del canvas usando javascript como este var w = window.innerWidth; var h = window.innerHeight; var canvas = document.getElementById(“myCanvas”); canvas.width = w; canvas.height = h; Después de configurar el canvas, necesito dibujar algo de […]

utilizando HTML5 Canvas: rota la imagen sobre el punto arbitrario

Gire el dial en la parte superior de una imagen semicircular (hemisferio norte) como fondo. el rango podría ser de 0 a 180 grados. en la entrada al método que realiza la transformación de canvas, el dial giraría y se detendría sobre el valor coincidente. Esto es lo que estaba intentando basándome en la ayuda […]