Articles of html5

Firefox: canvas.toDataURL en image.onload pero devuelve una imagen transparente

Sé que la imagen debe estar completa, su carga finalizada antes de usar la función toDataURL en el canvas, poner el código en la función image.onload lo garantiza. También he probado {preserveDrawingBuffer: true} en canvas.getContext. Esto no funciona en Firefox pero funciona en Chrome … Mi código : var imageWidth = imageHeight = 45; var […]

Invocando el método de applet java con código javascript

/ * cuando se invoca el método de applet de java desde javaScript no funciona y muestra este error, esto no es una función * / import java.applet.Applet; import java.awt.Graphics; public class First extends Applet { TODO supply a title function hello() { console.log(document.app.paint()); } //write welcome esraa public void paint(Graphics g) { g.drawString(“welcome Esraa”, […]

Enviar varios archivos al usuario para descargar uno tras otro

Estoy tratando de hacer lo siguiente: Se muestra al usuario una cuadrícula con muchos archivos. El usuario selecciona tantos archivos como quiera Se debe solicitar al usuario que indique cada archivo para la ubicación de destino Cada archivo debe ser descargado uno tras otro No puedo encontrar una buena solución para esto porque: Necesito una […]

¿Por qué se dibuja la imagen en el canvas al depurar pero no cuando se ejecuta?

Estoy aprendiendo HTML5 y Javascript y estoy tratando de dibujar una imagen en un canvas. Tengo el siguiente código que dibuja la imagen si paso a través del código después de romper en la línea marcada a continuación. Si no depuro, la imagen no se dibuja en absoluto. ¿Qué estoy haciendo mal? Firefox 10 con […]

¿Se desvanecen las líneas después de dibujar canvas?

Ok, estoy dibujando líneas de trazo en un objeto de canvas que está funcionando bien. Lo que me gustaría hacer es eliminar las líneas o desvanecerlas después de un tiempo determinado. He estado leyendo sobre cómo guardar el estado y actualizar, pero puedo ‘ Parece que funcionó. También he intentado almacenar el contexto del canvas […]

cómo obtener el nombre de la posición actual utilizando google map api

Tengo google Map Api, que es capaz de obtener la location current usuario en latitude y longitude pero en su lugar quiero obtener el location name la location name . por ejemplo, mi ubicación es bangalore => vidyaranyapura quiero obtener vidyaranyapura Aquí está la demostración: https://jsfiddle.net/aoe4vf17/100/ html: javascript: var map = new google.maps.Map(document.getElementById(“map”), { center: […]

abrir y cerrar ventana javascript

Quiero cerrar una ventana del navegador si está open . Soy nuevo en javascript, así que ayúdame a crear la siguiente lógica usando javascript. Mi código de JavaScript está aquí: if (myWindow.open() == true) { myWindow.close(); } else { myWindow=window.open(‘http://index.html’, ‘popUpWindow’, ‘height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes’ ); }

El gráfico de pasos de jqPlot no se traza en orden de serie

Necesito construir un gráfico de pasos usando jQPlot. Mi Eje X es Fecha / Hora y mi Eje Y es un número. Haciendo este prototipo todo funciona bien: $(document).ready(function () { var line1 = [[‘2014-01-15 15:10:01’, 21], [‘2014-01-15 15:10:12’, 21], [‘2014-01-15 15:10:12’, 22], [‘2014-01-15 15:10:14’, 22], [‘2014-01-15 15:10:14’, 21], [‘2014-01-15 15:10:17’, 21], [‘2014-01-15 15:10:17’, 22], […]

drawImage no funciona cuando me refiero a una imagen en otro archivo javascript

(Mostraré el javascript puro a continuación) Tengo estas dos líneas de código que, en mi opinión, están haciendo exactamente lo mismo, pero una de ellas informa un error. Esto aparece en un archivo llamado “Rendering.coffee”. Aquí están las dos líneas (en coffeescript): … ctx.drawImage(document.getElementById(“bg”), 0, 0) #this works ctx.drawImage(root.resources.bg, 0, 0) #TypeError: Value could not […]

Vídeo HTML 5: Reproducción de múltiples “clips” con javascript

Estoy teniendo un problema con HTML Video y JavaScript, así que he escrito un código simple para demostrar. Hay un video que contiene tres “clips” que duran cinco segundos (obviamente, en el mundo real, son mucho más largos). Uno a 25 – 30 segundos, uno a 55 – 60 segundos y el último a 85 […]