Tag: html5

Dibujando un rectángulo sobre canvas.

Estoy tratando de crear un progtwig de canvas simple donde el usuario pueda crear constantemente nuevas formas. Este es solo un creador de rectangularjs básico (espero expandirlo más a círculos, líneas y tal vez incluso a otras cosas). Ahora mismo, aunque he creado algo que está funcionando de una manera realmente extraña. Dragging a square […]

Seleccionar y soltar archivos y / o carpetas para analizar

He usado una parte de una publicación aquí en SO (aunque no lo recuerdo) para analizar archivos y carpetas en Chrome, pero no puedo hacer que funcione en Firefox (y, para ser honesto, no lo he probado en otros, aunque creo que tampoco funciona en safari). Aquí están las 2 directivas, ngDrop y entrada. angular.module(‘myApp’).directive(“ngDrop”, […]

¿Cómo lograr la funcionalidad de vista previa de impresión con css y javascript?

Estoy tratando de lograr una vista previa de impresión como vista en la web. Tengo que mostrar una vista previa visual de cómo se verá la impresión final. He conseguido algo similar a esta demo . var max_pages = 100; var page_count = 0; function snipMe() { page_count++; if (page_count > max_pages) { return; } […]

¿Por qué CORS en imágenes con HTML Canvas?

Recientemente, dediqué un poco de tiempo a buscar una solución a un problema bastante común en el desarrollo web. Estaba tratando con logotipos alineados en el medio en un fondo transparente, pero al tener que colocar texto debajo de ellos, parecería que la cantidad de el espacio en blanco entre el texto y la imagen […]

Combinando archivos de audio en HTML

Tengo una página HTML que tiene dos archivos de audio ABC.mp3 de 30 segundos y XYZ.mp3 de 15 segundos. Necesito combinar estos dos archivos de tal manera que obtenga un nuevo archivo PQR.mp3 de 30 segundos (Y NO de 45 segundos) que tiene un archivo superpuesto / combinado sobre el otro . Cualquier tipo de […]

¿Cómo restrinjo las fechas pasadas en el tipo de entrada html5? Fecha

Estoy tratando de restringir las fechas pasadas en input type=”date” . Puedo restringir las fechas futuras, pero no tengo idea sobre cómo restringir las fechas pasadas. $(function(){ var dtToday = new Date(); var month = dtToday.getMonth() + 1; var day = dtToday.getDate(); var year = dtToday.getFullYear(); if(month < 10) month = '0' + month.toString(); if(day […]

¿Cómo devuelvo un código de estado HTTP 404 desde un SPA?

Vi algunas preguntas como esta (como esta ), pero ninguna de ellas aborda el problema específicamente. Así que Google ahora es compatible con SPA y la mayoría de los navegadores web hacen HTML5 pushState . Mi sitio web AngularJS (pero podría ser cualquier cosa de JS) utiliza la URL para determinar una ruta API. A […]

Leyendo datos de un archivo JSON en Angularjs

Hai soy nuevo en Angularjs. Estoy tratando de leer los datos del archivo JSON, pero devuelve un resultado extraño. Aquí está mi archivo controller.js angular .module(‘app’) .controller(‘homeCtrl’,function($scope,Friend){ $scope.friends=Friend.get(); console.log(“DATA FROM JSON:”,$scope.friends); $scope.title=”Home”; }) Aquí está mi archivo services.js angular .module(‘app’) .factory(‘Friend’,function($http){ return { get:function(){ console.log(“inside function”); return [ $http.get(‘/api/get.json’).then(function(msg){ return msg.data; }) ] } } […]

No se puede acceder a los atributos de un elemento personalizado desde su constructor

Estoy tratando de crear un tipo de relleno polifacético utilizando la API de elementos personalizados para elementos personalizados utilizados por un motor de búsqueda en el juego para mostrar botones y similares. Sin embargo, parece que no puedo acceder a los atributos del elemento (por ejemplo, src, href …) desde dentro del constructor. Aquí hay […]

Mouse Coordenadas en canvas tras escala CSS

Estoy intentando localizar las coordenadas del mouse en un elemento de canvas de una página HTML5. Creo que el canvas tiene una cierta altura y anchura, por ejemplo, 700×700. Cuando muevo el mouse sobre el canvas, quiero poder saber la X, Y del mouse. Esto funciona bien, hasta que extiendo mi canvas usando CSS en […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.