Tengo el siguiente código de trabajo: ctx = document.getElementById("canvas").getContext('2d'); ¿Hay alguna forma de reescribirlo para usarlo $? Hacer esto falla: ctx =
Las fotos de la cámara digital a menudo se guardan como JPEG con una etiqueta de "orientación" EXIF. Para que se muestren correctamente, las imágenes deben girarse / reflejarse según la orientación establecida, pero los navegadores ignoran esta información que representa la imagen. Incluso en...
El mapa Estoy haciendo un juego de rol basado en mosaicos con Javascript, usando mapas de altura de ruido perlin, luego asigno un tipo de mosaico basado en la altura del ruido. Los mapas terminan pareciéndose a esto (en la vista de minimapa). Tengo un algoritmo bastante simple que extrae el...
Estoy tratando de crear un elemento de lienzo que ocupe el 100% del ancho y alto de la ventana gráfica. Puede ver en mi ejemplo aquí lo que está ocurriendo, sin embargo, está agregando barras de desplazamiento en Chrome y Firefox. ¿Cómo puedo evitar las barras de desplazamiento adicionales y...
¿Es posible escribir texto en HTML5
Utilizo elementos de lienzo html5 para cambiar el tamaño de las imágenes en mi navegador. Resulta que la calidad es muy baja. Encontré esto: deshabilite la interpolación al escalar un <canvas> pero no ayuda a aumentar la calidad. A continuación se muestra mi código css y js, así como la...
La especificación tiene una función context.measureText (texto) que le indicará cuánto ancho necesitaría para imprimir ese texto, pero no puedo encontrar una manera de saber qué tan alto es. Sé que se basa en la fuente, pero no sé convertir una cadena de fuente a una altura de...
Actualmente estoy construyendo una aplicación web HTML5 / aplicación nativa Phonegap y parece que no puedo entender cómo guardar mi lienzo como una imagen canvas.toDataURL(). alguien me puede ayudar? Aquí está el código, ¿qué tiene de malo? // Mi lienzo se llamaba
Descubrí que solo puede llenar un rectángulo, pero no hay una esquina redondeada, ¿cómo puedo hacer
Parece que requestAnimationFrame es la forma de facto de animar las cosas ahora. Funcionó bastante bien para mí en su mayor parte, pero en este momento estoy tratando de hacer algunas animaciones de lienzo y me preguntaba: ¿hay alguna manera de asegurarme de que funcione a ciertos fps? Entiendo que...
La forma estándar de lidiar con situaciones en las que el navegador no admite la <canvas>etiqueta HTML5 es incrustar contenido alternativo como: <canvas>Your browser doesn't support "canvas".</canvas> Pero el resto de la página sigue siendo la misma, lo que puede ser inapropiado...
Para una aplicación de dibujo, guardo las coordenadas de movimiento del mouse en una matriz y luego las dibujo con lineTo. La línea resultante no es suave. ¿Cómo puedo producir una sola curva entre todos los puntos reunidos? Busqué en Google pero solo encontré 3 funciones para dibujar líneas:...
¿Alguna forma directa de medir la altura del texto? La forma en que lo estoy haciendo ahora es usando Paint measureText()para obtener el ancho, luego, por prueba y error, encontrar un valor para obtener una altura aproximada. También he estado jugando FontMetrics, pero todos estos parecen métodos...
Mi código funciona muy bien en mi localhost pero no funciona en el sitio. Recibí este error de la consola, para esta línea .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. parte...
¿Existe una forma predeterminada de dibujar un archivo SVG en un lienzo HTML5? Google Chrome admite cargar el SVG como una imagen (y simplemente usarlo drawImage), pero la consola del desarrollador sí lo advierte resource interpreted as image but transferred with MIME type image/svg+xml. Sé que...
Me gustaría copiar TODOS los contenidos de un lienzo y transferirlos a otro todo en el lado del cliente. Creo que usaría el método canvas.toDataURL()y context.drawImage()para implementar esto, pero me encuentro con algunos problemas. Mi solución sería obtener Canvas.toDataURL()y almacenar esto en...
¿Existe algún método que devuelva el ancho (en píxeles) de un texto a dibujar en un lienzo de Android utilizando el método drawText () de acuerdo con la pintura utilizada para
Soy un programador Java experimentado pero estoy viendo algunas cosas de JavaScript / HTML5 por primera vez en aproximadamente una década. Estoy completamente perplejo con lo que debería ser lo más simple. Como ejemplo, solo quería dibujar algo y agregarle un controlador de eventos. Estoy seguro...
NOTA : Esto tiene que ver con cómo se representan los elementos de lienzo existentes cuando se amplía , no con cómo se representan las líneas o gráficos en una superficie de lienzo . En otras palabras, esto tiene todo que ver con la interpolación de elementos escalados , y nada que ver con...
Me gustaría rotar las fotos según su rotación original, según lo establecido por la cámara en los datos de imagen JPEG EXIF. El truco es que todo esto debería suceder en el navegador, usando JavaScript y <canvas>. ¿Cómo podría JavaScript acceder a JPEG, un objeto API de archivo local, local...