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(...
- 307
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 <-...
- 58.5k
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 ...
- 14.5k
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 ...
- 14.5k
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 ...
- 344
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
Etiquetas relacionadas
canvas × 306javascript × 176
html × 77
html5 × 54
css × 28
android × 25
tkinter × 25
python × 24
android-studio × 20
java × 19
jquery × 16
php × 15
chart.js × 13
css3 × 11
python-3.x × 7
ajax × 7
imagen × 7
svg × 7
pdf × 5
botón × 5
bitmap × 5
angular × 4
reactjs × 4
hilos × 4
interfaz-gráfica × 4