Información de etiqueta

Respuestas populares con la etiqueta

13 votos

Timeline Google Chart, agregar slider/picker

Esta solución no sé si te va a gustar porque es un poco hacky y no usa los comandos normales de Google Chart o los timelines (los usa pero para calcular valores secundarios que se usarán luego). La ...
  • 48.9k
9 votos
Aceptado

¿Como transformar imagen base64 a File?

He encontrado 2 posibles soluciones: Corregir el código binario que es pasado al Blob: Ejemplo: function fixBinary (bin) { var length = bin.length; var buf = new ArrayBuffer(length); var arr =...
  • 31.9k
9 votos
Aceptado

Resaltar un color especifico en una imagen

No se me ocurre cómo hacerlo con puro CSS, pero con Javascript en un canvas podrías procesar la imagen, cambiando pixel a pixel el color: si el color predominante de un pixel no es azul, lo cambias a ...
  • 48.7k
8 votos
Aceptado

Efecto llenado sobre imagen con Css Canvas o Svg

Como ya te dije en mi comentario, habría necesitado tus imágenes sin deformar. Cogí algo parecido del internet. Para las olas utilizo dos elementos canvas. En el HTML tengo un elemento #Hamburg, ...
  • 3,788
6 votos

¿Como transformar imagen base64 a File?

Tambien aplique otra solución que trabajo bien para mi : var blob = dataURItoBlob(fotoFirmaService.getImagenFirma()); var imagen_firma = new File([blob], 'imagen_firma.jpg', { type: 'image/jpg' }); ...
  • 11.5k
6 votos
Aceptado

Dibujar funciones f(x) con JavaScript y canvas

Si lo que quieres es graficar funciones matemáticas en todo el sentido de la palabra, esta librería es para ti http://mathjs.org/index.html function draw() { try { functionPlot({ ...
  • 12.9k
5 votos
Aceptado

Como detengo una interval en js?

El problema es que draw es el nombre de la función callback que estás usando para el intervarlo. Puedes hacer algo como esto: let drawInterval; function IniciaMono(){ drawInterval = setInterval(...
5 votos

Algoritmo para crear polígonos regulares

Usando la formula general para calcular los puntos de cada vértice, en R sería: N <- 6 # Cantidad de lados n <- 1:N # Vértices r <- 1 # radio (tamaño del polígono) theta <-...
5 votos
Aceptado

Diferencia entre "Coordenadas en pixeles" y "Coordenadas" en Canvas HTML

Te explico, la diferencia se puede obtener a través de un buen análisis textual: La primera imagen nos dice lo siguiente de las coordenadas: Parametro x: la coordenada "x" a partir de la esquina ...
  • 5,925
5 votos
Aceptado

Problema con Chart.js altura del canvas

Es muy posible que tengas un problema con los estilos (CSS), porque el tamaño del elemento canvas tiene dos "partes": La parte interna es definida por los atributos height y width. Si un ...
  • 48.7k
5 votos

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

se que la pregunta debería ser borrada por no aportar nada ni una sola linea de código pero estaba entretenido el reto jejejeje. var mouseX = 0; var mouseY = 0; document.addEventListener("...
  • 1,265
4 votos

¿Guardar una captura del canvas?

Si no tienes que soportar Internet Explorer o Safari de IOS hasta la versión 12, usa en vez de un input un elemento de tipo a con el parámetro download con el nombre de la descarga (como mismo has ...
  • 3,275
4 votos
Aceptado

Canvas dentro de forEach

Tienes varios problemas en tu código. La función per no crea ningún objeto, simplemente cambia el estilo del objeto nodes existente. Tanto el canvas minimap como el nodes lo estás creando en la ...
4 votos
Aceptado

¿Equivalente de canvas en PixiJS?

En esta página de la documentación de PixiJS puedes ver cómo se trabaja con el texto y tienen un pequeño snippet interactivo que te permite jugar con los valores y ver cómo funcionarían con diferentes ...
  • 48.9k
4 votos

Cómo mover correctamente un objeto

Debes usar un ObjectAnimator, es la forma más fácil y practica algo como... @Override public boolean onTouch(View view,MotionEvent motionEvent){ x = motionEvent.getX(); ObjectAnimator objAnim=...
4 votos
Aceptado

Java: Como cambiar imágenes que se generan por un Hilo dentro de un Canvas

El error que tienes es por usar el método drawImage con el número incorrecto de parámetros, lo que hace que se esperen parámetros de tipos diferentes a los que pasas. gui.drawImage(bala.getImageBala()...
  • 17.5k
4 votos

¿Como dibujar un chart con svg?

Para dibujar este tipo de "chart" en SVG necesitas utilizar la propiedad stroke-dasharray. // calcula el perimetro del circulo #test let perimetro = 50 * 2 * Math.PI; let _input = document....
  • 3,788
4 votos
Aceptado

Ampliar lienzo de un canvas sin alterar el contenido

No lo hagas en CSS. Cambia el tamaño del canvas en JavaScript. Para establecer el tamaño del canvas igual al tamaño de las ventana utilizo c.width = window.innerWidth; c.height = window.innerHeight;. ...
  • 3,788
4 votos
Aceptado

No logro que cargue mi imagen en el canvas

Bueno creo que estas creando muchas funciones innecesarias para crear una imagen en un canvas por ejemplo yo si quisiera agregar una imagen hiciera lo siguiente: una funcion la cual selecciona el div ...
  • 2,411
4 votos
Aceptado

CANVAS HTML5 - Problema al mostrar dos elementos en el lienzo

En este momento estás llenando el texto con el mismo degradados de antes. Por esto que no lo ves. Añade canv.fillStyle = "black"; (o el color que tu quieras) justo antes de canv.fillText(&...
  • 3,788
3 votos
Aceptado

drag canvas con dos canvas

Buen día Albert, habrás notado que se deja de mover SOLO si haces scroll, el problema está en la forma en la que agarras las coordenadas sin considerar el scroll Lo que hice fue cambiar todos los ...
3 votos
Aceptado

¿Cómo reaccionar en canvas?

Debes analizar bien si necesitas obligatoriamente canvas para tu proyecto. Dependiendo de tu gráfico podrías usar SVG y podrías añadir interactividad de una manera más sencilla. En primer lugar debes ...
  • 3,275
3 votos

como cambiar el color de texto con canvas

Aunque es algo muy básico, aqui tienes el código. var canvas= document.getElementById("miCanvas"); var context = canvas.getContext("2d"); context.font = "30px Comic Sans MS"; context....
  • 759
3 votos
Aceptado

No se dibuja el texto creado con PixiJS

El código falla porque no hay ningún stage (contenedor). Se resuelve llamando a .Application(), como te respondieron en tu pregunta previa. De lo contrario, deberías crear un stage por código con ...
  • 24.2k
3 votos
Aceptado

¿Cómo paso como parametro un arreglo bidimensional en javascript?

Respuesta corta La forma de pasar una argumento a una función es miFuncion(parametro) y en el caso de una función anónima function (parametro){...} Explicación Cómo pasar un argumento a una función ...
  • 11.3k
3 votos

Cuando pinto en un canvas, no me esta moviendo el rectángulo del contexto JS

El principal problema del código es que en ningún momento modificas las propiedades x e y del rectángulo, por lo que siempre se dibujan en la misma posición. En el ejemplo que te pongo a continuación ...
3 votos
Aceptado

HTML Javascript - Posicion y color de lineas en canvas

Existe una propiedad del context que te permite definir cómo añadir elementos: CanvasRenderingContext2D.globalCompositeOperation Indicando contexto.globalCompositeOperation='destination-over';, haces ...
  • 48.7k
3 votos
Aceptado

Como cargar una imagen de fondo en un Canvas Java

Saludos, Sebastian. Para dibujar una imagen en un JPanel sobreescribe el método paintComponent y utiliza el método drawImage de esta manera: @Override protected void paintComponent(Graphics g) { ...
  • 2,055
3 votos
Aceptado

¿Cómo conservar la calidad de la imagen cuando se copia una foto a un Canvas?

El img se ve bien porque lo redimensionas con css que utiliza un algoritmo para maximizar la calidad. Tu problema esta en esta linea pCtx.drawImage(img, 0, 0,width, height); Generalmente los ...
3 votos
Aceptado

problema renderizando objetos | canvas tkinter python

El problema es que el recolector de basura está eliminando el resto de tus imágenes (por lo que solo creas el objeto Imagen = PhotoImage(file=treemodel) y luego lo sobreescribes, solo se queda con el ...
  • 1,007

Only top scored, non community-wiki answers of a minimum length are eligible