Canvas es un término genérico para la superficie de dibujo utilizada con muchas API de salida de gráficos de forma libre. Use esta etiqueta con otras etiquetas que indican la API de gráficos específica que se está utilizando junto con el lenguaje de programación y el entorno de destino: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] etc. También incluya una etiqueta de lienzo específica como [android-canvas], [html5-canvas], [tkinter-canvas] si corresponde.

canvas...

User_button=Button(root,text = "User", anchor = W) User_button.configure(width = 50,height = 8, bg = "black", fg = "blue", border = 10 ) User_button = canvas.create_window(42, 150, anchor=NW, window=User_button) Este es mi código para mi botón: quiero que el texto Usuario e....
6 ago. 2020 a las 02:50
Tengo dos preguntas relacionadas con este código adjunto. Este código es parte de mi proyecto en el que tengo que gestionar la asistencia de 50 (o más) estudiantes. Cuando ejecute este fragmento de código, verá que hay un espacio en blanco adicional (que podría ser del lienzo) dentro del marco de la....
1 ago. 2020 a las 19:59
Estoy trabajando en un proyecto en el que tienes que dibujar cualquier cosa usando un componente LineRenderer y luego proceso tu dibujo usando las posiciones de la línea. Obtener las posiciones es bastante simple, pero necesito saber qué ancho de línea eliges en el juego. Aquí hay un ejemplo: Como ....
31 jul. 2020 a las 00:30
Tengo el siguiente código: Index.html <!DOCTYPE html> <html> <head> <!-- meta, title, etc --> </head> <body> <input type="file" accept="image/*" id="imgin" /> <br /> <canvas id="canvas"></canvas> <script type="text/javascript" src="./scripts/main.js"></script> </body> </html> Main.js const imgin = ....
29 jul. 2020 a las 13:43
Estoy tratando de construir mi sitio web personal donde tengo: Un elemento de lienzo que es 100% alto y ancho de pantalla, con índice z -1 El contenido normal en divs y etiquetas de sección, con índice z 0 El elemento de navegación que se encuentra en el índice z más alto de la página. Esta disposic....
25 jul. 2020 a las 04:08
Tengo el botón que agrega un nuevo grupo que tiene un cuadrado, a la capa cuando se hace clic en un código muy simple, supongo que no es necesario publicar. Pero mi pregunta es: ¿cómo puedo agregarle un transformador al hacer clic? Lo he hecho con esta función mouseleave y mouseenter. group.on('mo....
24 jul. 2020 a las 21:43
Tengo un contexto en el que dibujo varios rectángulos. El contexto tiene una transformación aplicada que lo convierte en una ilusión 3D de un mapa de piso. Estoy tratando de crear una fórmula para calcular qué coordenada está pasando el cursor, sin usar Path2Ds. Esto se debe a que necesito poder ca....
21 jul. 2020 a las 00:26
Estoy tratando de dibujar un objeto usando numerosos puntos y estoy tratando de asignar un color único a cada punto asignando el color a strokeStyle. Estoy usando el estilo de coloración HSL. Solo toma el primer color o negro. A continuación se muestra el código que he probado. const c = document.....
19 jul. 2020 a las 20:17
Estoy luchando con la modificación del código a continuación, por lo que al hacer zoom en el desplazamiento, la imagen se está haciendo zoom siempre en el centro de la imagen, sin depender de la posición del cursor (para que la imagen no se mueva, solo se acerca / out no importa dónde esté el curs....
16 jul. 2020 a las 22:04
Actualmente estoy trabajando en un juego de estrategia por turnos y me gustaría darle al jugador más información sobre cada unidad que obtuvieron. El código es el siguiente: public void UnitSelection () { Ray ray = Camera.main.ScreenPointToRay (Input.mousePosition); RaycastH....
14 jul. 2020 a las 11:32
Estoy tratando de cambiar el origen del zoom al cursor del mouse en lugar de la esquina superior izquierda predeterminada y no puedo usar ctx.translate con ctx.scale, ya que el búfer de la cuadrícula se debe volver a dibujar y no se puede escalar (una línea debe siempre sea 1px de ancho). La cuadríc....
14 jul. 2020 a las 02:36
Tengo un efecto de borrador con lienzo en mi aplicación Gatsby. En la página de inicio, los usuarios pueden borrar el lienzo para ver el video debajo del lienzo. Todo funciona normalmente en mi máquina local, pero cuando sirvo la aplicación, el lienzo y el video no se cargan inicialmente. Sin embarg....
11 jul. 2020 a las 03:17
Texto de lienzo con dos tamaños de fuente diferentes en la misma oración, uno al lado del otro ¿Hay alguna manera de lograr esto? ctx.textAlign = left; ctx.font = "bold 20px "; ctx.fillStyle = '#ccc'; ctx.fillText("Normal Small", 100, 300); ....
9 jul. 2020 a las 17:40
Estoy tratando de implementar un reloj usando JavaScript vanilla. El problema es que el lienzo no se actualiza después de transcurridos 60 segundos. Después de cada 60 segundos, debería comenzar con un círculo vacío. Y cuando aplico la misma lógica que uso para mapear segundos al ángulo, no funciona....
4 jul. 2020 a las 20:25
Estoy implementando un comportamiento de zoom en mi lienzo. El lienzo y el ScrollViewer reaccionan correctamente, pero los niños dentro del lienzo se mueven de manera extraña, a la deriva desde su posición original. Como resultado, después de algunas operaciones de acercamiento / alejamiento, los ni....
3 jul. 2020 a las 14:33
Tengo este archivo de lienzo html5 (adobe animate) y quiero usar un cargador animado svg (el código del cargador svg se encuentra al final del archivo html) pero no estoy realmente seguro de cómo hacerlo, especialmente si el cuerpo La carga ya está tomada, ¿alguien puede mostrarme cómo hacerlo? <!....
30 jun. 2020 a las 22:33
Estoy tratando de hacerlo para que los usuarios de mi sitio puedan cambiar el tamaño de su lienzo simplemente arrastrando los lados del mismo. Estoy usando Fabric.js que me permite cambiar el tamaño de los elementos desde el lienzo, pero necesito cambiar el tamaño del lienzo real sí mismo. Estoy bie....
29 jun. 2020 a las 01:38
He modificado el código del repositorio para recortar las imágenes. El objetivo es subir el archivo. En formato aceptado. Recorte el archivo y luego descárguelo o cárguelo en el cloudinary. Mientras subo el archivo svg y recorto el archivo, el archivo descargado es ".png". Amablemente ayúdame a depu....
27 jun. 2020 a las 21:46
Estoy tratando de agregar imágenes sobre otra imagen en el elemento del lienzo Lo que estoy tratando de alcanzar: Esto es lo que obtengo: fuente de imágenes: https://imgur.com/gallery/jaSdhQ9 Y este mi código: var shirt = new Image(); shirt.src = "https://i.imgur.com/3rTZGXP.png"; var draw = ne....
27 jun. 2020 a las 14:54
Entonces tengo dos objetos. SquareA y SquareB. SquareA sigue el movimiento del cursor. Ahora quiero hacer que SquareB refleje el movimiento de SquareA pero a la inversa. Ejemplo: SquareA va a la izquierda, SquareB va a la derecha. La plaza baja, la plaza sube. Actualmente tengo este código para hace....
26 jun. 2020 a las 07:00
Lo que voy a hacer es cambiar la curva de un círculo. Si hago clic en un punto de un círculo y lo arrastro a otro punto, ese arco del círculo debe extenderse o contraerse en consecuencia. Iba a usar la curva de beizer pero no hay garantía de que la nueva curva de beizer pase el punto arrastrado. Se ....
24 jun. 2020 a las 11:06
¿Cómo es posible establecer una imagen o icono en el círculo del lienzo? Tengo una vista de lienzo personalizada que al mover la cámara en el mapa, el método de cambio de tamaño se activará y cambiará la forma de la vista y al detener el movimiento del mapa será como la configuración de fábrica ... ....
22 jun. 2020 a las 23:38
Estoy intentando implementar este codepen como fondo de mi sitio web personal. No tengo un conocimiento real de WebGL, así que tengan paciencia conmigo. Agregué temporalmente un detector de eventos para actualizar el ancho y la altura del lienzo cuando se cambia el tamaño de la página. Puedo decir q....
Estoy tratando de mover una imagen en <canvas> para saltar. Index.html <!DOCTYPE html> <html> <head> <title>Ball Jump</title> </head> <body> <img src="./assets/ball.png" height="0px" width="0px" id="ball"> <br> <br> <canvas height="210px" width="350px" id="paper" onclick="play()"></canvas> <script....
14 jun. 2020 a las 18:07
He visto algunas publicaciones diferentes en StackOverflow, pero realmente no encontré la que resolvió mi problema. El siguiente código funciona, pero parpadea constantemente. Esencialmente, solo estoy creando un fondo estrellado donde las estrellas al azar se desvanecerán var canvas = document.quer....
14 jun. 2020 a las 17:54