Preguntas con la etiqueta [canvas]

Canvas es una etiqueta que se deberia usar en todas aquellas aplicaciones de escritorio o web que pinten algo por pantalla sin usar herramientas de programación gráfica como tal (DirectX, OpenGL, WebGL).

Filtrar por
Ordenado por
Etiquetadas con
1 voto
1 respuesta
2k vistas

como obtener toDataURL Canvas

Tengo un problema con mi canvas, estoy pintando una imagen en base64 y quiero sacarla luego de pintarla en el canvas, al utilizar toDataURL esta me muestra un base64 q corresponde a una imagen negra. ...
0 votos
2 respuestas
1k vistas

¿Como borrar el lienzo de un solo contexto de canvas sin que se borren todos?

Estoy intentando cerar varias lineas en un canvas,para ser exacto 14 lineas, estoy usando 14 contextos asi: canvasL2V3 = document.getElementById("canvasL2V3"); ctx1 = canvasL2V3.getContext("2d"); ...
0 votos
0 respuestas
19 vistas

¿Como hago que mi personaje sale cuando esta en el suelo, que mi personaje no avance si encuentra en la izquierda o derecha un bloque?

tengo que escribir a fuerzas mucho texto aqui porque mi pregunta no se quiere mandar, solamente quiero que mi personaje salte cuando este en el piso, que no atraviece los bloques que estan a su ...
0 votos
1 respuesta
59 vistas

Como limpio canva que se actualiza cada segundo - python

es la primera vez que toco python. y estoy teniendo un problema visual con la ventana. se ve asi cada que actualiza: es un "reloj" que rota, pero se queda pegado visualmente el camino. ya ...
0 votos
0 respuestas
90 vistas

¿Como puedo modificar este codigo Java para tomar la imagen de un imageView y no de la galeria? Android

Este codigo es parte de un codigo fuente que sirve para editar fotos, pero yo quiero modificarlo para quitar la funcion que hace que tome las fotos desde la galeria y tome cualquier foto que yo ponga ...
0 votos
0 respuestas
41 vistas

Cómo logro que un blob type se transforme en imagen o canvas con Javascript

Necesito obtener la imagen partiendo de la urlBlob, ya sea en canvas ó en img.- Vengo lidiando un rato largo y no emboco una solución. Agradeceré la ayuda.- function miImagen(resultado){ image.src = ...
2 votos
1 respuesta
2k vistas

Canvas HTML - ¿Como cargar una imagen a un Canvas de manera correcta?

Buenas, tengo ese problema en mi código. He logrado cargar una imagen en un canvas, pero el problema viene cuando las imágenes son muy grandes. ¿Qué sucede? La imagen aparece en el canvas pero cortada ...
5 votos
1 respuesta
397 vistas

Resaltar un color especifico en una imagen

Tengo la necesidad de resaltar un color/tono en imagenes para dejar el resto en blanco y negro como por ejemplo en la siguiente intentando resaltar el azul. No se hasta que punto se puede hacer esto ...
1 voto
1 respuesta
130 vistas

como hacer efecto click

Hola estoy utilizando chart.js y tengo este código <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> <script src="utils.js"></script>...
1 voto
1 respuesta
52 vistas

Como puedo extraer un color en especifico de una imagen con js?

Hola que tal como están? ESpero que bastante bien. Les platico, estoy haciendo un proyecto que me ha estado volviendo loca. Quiero extraer un color de una imagen, lo intente poner un contenedor para ...
0 votos
1 respuesta
130 vistas

Los scroll se me mueven a la hora de firmar

Actualmente estoy haciendo una firma digital el cual cuando voy a firmar se me mueve con los scroll he intentado varias veces creo que es problema de css aca tengo un video el cual hice para mostrar ...
1 voto
1 respuesta
122 vistas

Aplicar fondo transparente a un HTML Canvas

Estaba usando un código de canvas animado con HTML, CSS y JS planos sacados de la web (link aqui). No pongo el código porque son como 300 líneas de JavaScript. Como estaba usando React lógicamente iba ...
0 votos
0 respuestas
11 vistas

Error al crear un bloque de codigo html que incluye un canvas

Buenas necesito algún apoyo de la comunidad Tengo la siguiente situación: Necesito consultar unos datos X y con los mismos crear un grafico desde mi controladora. Para luego enviarle los datos a la ...
1 voto
1 respuesta
676 vistas

Navegador no accede a la cámara desde dispositivo móvil

Quiero incluir la opción de enviar una foto tomada desde un dispositivo en mi web y que posteriormente esta imagen se guarde como objeto canvas para ser tratada. Para hacer las pruebas, he puesto los ...
0 votos
0 respuestas
9 vistas

Error al levantar passenger al instalar canvas-lms

ya e reinstalado passenger y realize configuraciones extra de la documentacion oficial de canvas-lms pero el error persiste sudo passenger-status
1 voto
1 respuesta
950 vistas

como guardar una imagen dibujada con canvas ya que solo se guarda el dibujo

**Dibujo en una imagen circulo pero a la hora de guardar la imagen solo se guarda el dibujo ** Este es mi canvas <input type="button" value='Guardar imagen' onclick='descargar();'...
0 votos
1 respuesta
23 vistas

Error canvas parallax fondo pixel

Estoy creando un fondo parallax en canvas con JavaScript con movimiento en x, que contiene varias imágenes de 1920x1080 el cual tiene movimiento de izquierda a derecha y en reversa Tengo el siguiente ...
0 votos
1 respuesta
30 vistas

Porque debo poner la etiqueta script debajo de la etiqueta del canvas

Estaba tranquilo trabajando con el Canvas hasta que me salió el error Cannot read properties of null (reading 'getContext') para solucionarlo tuve que poner la etiqueta script debajo de la del canvas¿...
0 votos
0 respuestas
33 vistas

El juego de la Vida de Conway: ¿El array this.arrayCells termina teniendo los mismos valores que this.arrayCellsModificado?

Estoy recreando el Juego de La Vida de Conway en HTML5 y Javascript usando Canvas sin ningun framework o libreria. La ultima vez, la vida habia brotado muy bruscamente, y al parecer, eso era debido a ...
1 voto
2 respuestas
852 vistas

como puedo mover un elemento canvas desde javascript, asi como si fuera un personaje?

en estado intentando con para mover el personaje lo que ocuerre es que se actualiza tan rapido que pareciera que se extendio en ves de moverse. me di cuenta de esto despues mover el canvas mas pixeles ...
0 votos
1 respuesta
30 vistas

No puedo ejecutar un programa en javaScript que carga unas imágenes

Hice un programa en JavaScript que pone un fondo y unas imágenes en el canvas que luego se deben mover con el ratón. En mi computador el programa funciona correctamente pero cuando subo el código a ...
0 votos
1 respuesta
87 vistas

React.js genera canvas en el html boilerplate de Chrome

Antes de nada hola a todos. Estoy desarrollando una app web con el stack MERN. Llevo un par de días que me he dado cuenta que al hacer click en algún link interno de la web, en la pestaña "...
0 votos
0 respuestas
8 vistas

¿Como hacer clip path de un canvas y expandir su tamaño? (React + Tensorflow + Facetracking + Canvas)

Voy a dar un poco de contexto de contexto, estoy haciendo uso de los modelos de tensorflow para realizar la detección facial e intentar realizar un filtro de boca grande en un canvas. estoy intentando ...
11 votos
1 respuesta
267 vistas

Crear lienzos dinámicos fabric Canvas

Hola buenas queria saber si es posible crear lienzos dinámicos en canvas, ya que en una misma vista puedo tener varias zonas de lienzo ejp(corazón, frontal, espalda), lo que hago es que itero las ...
0 votos
0 respuestas
15 vistas

¿Alguno sabe cómo se llama este efecto y si es posible hacerlo en canva?

Estoy intentando hacer una animación igual a la que aparece en el link en la parte de arriba de la página donde aparecen las cifras económicas y van variando, mi pregunta es si alguno sabe como se ...
0 votos
0 respuestas
90 vistas

Refrescar un grafico en codigo python canvas

Quisiera saber si estoy haciendo algo mal. Tengo un script en el cual hace unos calculos y los datos me los tiene que graficar cuando selecciono en una tabla que tiene datos. En esta tabla selecciiono ...
0 votos
1 respuesta
24 vistas

El método winfo_patchname() da error

Quiero obtener la ruta del widget Button, pero me devuelve un error: import tkinter as tk root = tk.Tk() root.title("Main Window") frame = tk.Frame(root) frame.pack() button = tk.Button(...
1 voto
0 respuestas
31 vistas

Que width obtiene canvas , naturalWidth o width?

Problema-> Después de redimensionar una imagen, canvas coge los píxeles de la imagen original. Objetivo: 1-> resize de una imagen 2-> recortar la imagen redimensionada Ésta función me ...
1 voto
1 respuesta
175 vistas

¿Como detectar una colisión de un circulo y un cuadrado?

Estoy arreglando un antiguo juego que hice sobre la clásica serpiente come manzanas. Las manzanas y el jugador eran rectángulos y funcionaba esta función: if (( rect["x"]>apple[i]["x&...
0 votos
1 respuesta
41 vistas

Darle movimiento indefinido a varias figuras en canvas tkinter?

estoy haciendo un programa en canvas donde necesito darle movimiento indefinido a varias figuras rectangulares(10) al mismo tiempo, si bien puedo darle movimiento a cada figura por separado, eso ...
3 votos
3 respuestas
93 vistas

¿Como puedo hacer que las coordenadas de dibujo de un cuadrado sea la misma de un circulo?

decidì mejorar un poco un antiguo juego, y me encontrè este problema: <!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="200" height="100" style="border:1px solid #...
0 votos
1 respuesta
239 vistas

Chartjs: Cambiar xAxes y yAxes dependiendo el punto que se hizo hover

Estoy trabajando con Charts.js en la versión 2.9 Estoy intentando cambiar el color de las etiquetas X y Y del punto al cuál se ha hecho hover, ese punto en algún nodo debería tener almacenados el tick ...
1 voto
2 respuestas
900 vistas

El canvas se encuentra desenfocado

¡Muy buenas tardes!, pues así tal cual,resulta que el canvas se encuentra desenfocado... ¡No entiendo porque si con otros proyectos no esta desenfocado!, No me sirve usar: image-rendering: pixelated; ...
0 votos
1 respuesta
93 vistas

Creacion de varios objetos en Canvas HTML5 con angular

Adapté un ejemplo de canvas de javascript a typescript en angular, donde creo los objetos utilizando la clase Circle en la función iniciar() tal como se muestra líneas abajo: iniciar(){ ... ...
-1 votos
1 respuesta
73 vistas

¿Cómo hago que una imagen apunte al ratón en canvas JavaScript? [cerrada]

Estoy tratando de crear un juego en javascript en el que un perro deberia estar apuntando siempre al mouse y e buscado tutoriales en internet pero ninguno me a servido (todos eran de una cara que ...
2 votos
1 respuesta
89 vistas

¿como usar adecuadamente la funcion requestAnimationFrame() en un canvas desde un objeto en javascript?

Buenos dias estimada comunidad, necesito la ayuda de ustedes sucede que estoy realizando un programa en javascript que manipula el DOM canvas con el fin de refrescar nombres aleatoriamente para ello ...
0 votos
2 respuestas
329 vistas

Adaptar canvas a la pantalla

Tengo un canvas con phaser con las siguientes dimensiones: game = new Phaser.Game(480, 600, Phaser.AUTO, ""); Esto lo muestro en el ordenador y no hay problema, es la medida que necesito, pero ...
2 votos
1 respuesta
76 vistas

copiar imagen canvas delphi fmx

Queria consultar cual es procedimiento equivalente en Firemonkey al metodo (Copyrect o StretchDraw) del canvas de la VCL. He utilizado copybitmap, pero no logro copiar la imagen al formulario. Canvas....
0 votos
1 respuesta
78 vistas

Pixeles trasparentes en un poligono con tkinter

Tengo un problema,estoy haciendo una aplicación en tkinter,y quiero agregar un modo noche,y necesito crear un rectángulo que cubra toda la pantalla de un color negro transparente,para que así sea mas ...
1 voto
1 respuesta
1k vistas

Se puede redimensionar una imagen en tkinter?

Tengo una pregunta existe un manera viable de redimenzionar una imagen sin usar ninguna libreria externa ,solo tkinter si tener que utilizar librerias externas(Pillow,opencv,...) ya intente usar el ...
0 votos
1 respuesta
148 vistas

Redimensionar un canvas con una relación de aspecto

Quiero redimensionar un canvas manteniendo una relación de aspecto 16:9 con respecto al tamaño de la pantalla, pero al ejecutar el código se crea un rectángulo muy pequeño que no sigue la relación de ...
0 votos
0 respuestas
61 vistas

problema con look for i in range(0,len(data)):

tengo este SCRIPT que toma los datos de la base de datos e imprime dentro del PDF pero no logro colocar correctamente el look for i in range(0,len(data)): Librerias utilizadas from reportlab.lib....
0 votos
0 respuestas
61 vistas

Como cambiar el color con un GestureDetector de un Path SCG en Flutter?

espero alguien me pueda ayudar, estoy haciendo una aplicación donde el usuario escogerá X imagen que previamente con flutterShapeMaker pase del código SVG a clases como muestro a continuación (solo es ...
0 votos
0 respuestas
49 vistas

problemas al usar canvas en kivy

estoy arrancando con kivy y me surgió un problema, cuando uso canvas para darle color a una boxlayout desde el archivo .kv se me cierra la ventana, si saco el canvas el error no esta, no entiendo ...
1 voto
1 respuesta
36 vistas

¿Porqué el texto se pinta en una sola linea?

Estoy recibiendo texto de un control editText en ese campo se recibiran muchos caracteres (texto) he hecho casi de todo los ejemplos que he encontrado pero siempre fallan. TextPaint mTextPaint=new ...
0 votos
1 respuesta
145 vistas

Canvas, Animación de imagen

Estoy trabajando en react y Sass, y he decidido hacer unas animaciones con colisiones y Canvas. Consigo hacer animaciones con con cuadrado o un círculo, y al meterle una imagen con ctx.drawImage(...
0 votos
1 respuesta
316 vistas

<canvas>... centrado dentro de un <div>

Quizás sea una tontería para muchos o no se pero aun no soy muy bueno en CSS en temas de responsive desing y todo eso. Bueno tengo un canvas que por decirlo así me renderiza un PDF, por esa parte todo ...
1 voto
2 respuestas
995 vistas

Chart JS , Unir puntos undefined

Hay momentos donde mi sistema recibe nulls o undefined. Necesito que cuando tenga datos null o undefined se traze la unión entre estos puntos con una linea de otro color. Actual Esperado var ...
3 votos
1 respuesta
89 vistas

Mover los círculos pintados en canvas con java y android studio

Tras una pregunta de @joseba, me puse a curiosear con su código y ahora estoy trabajando en un proyecto para el que no logro tener el resultado satisfactorio @Joseba preguntaba por la posibilidad de ...
0 votos
0 respuestas
35 vistas

Como puedo hacer que el canvas no afecte a los demas elementos de la pantalla¿?

Estoy haciendo un juego de ahorcado y para ello estoy usando canvas, pero cuando lo coloco me mueve todas las otras imagenes que tengo, entonces quiero que se posicione por detras o por delante de las ...

1
2 3 4 5
7