Tag: html5

Как прокручивать по диагонали с помощью jQuery или Javascript

Существуют ли проекты или плагины, которые используют javascript или jQuery для прокрутки по диагонали? Например, когда вы прокручиваете свой контент, его тянет в верхнем левом углу браузера; И при прокрутке вверх ваш контент будет вытаскиваться в нижнем правом углу. Я вижу какой-то похожий проект / веб-сайт, в котором они оживляют свои элементы при прокрутке. Однако […]

Сериализовать содержимое холста в ArrayBuffer и снова десериализовать

У меня два холста, и я хочу передать содержимое canvas1, сериализуем его в ArrayBuffer, а затем загружать в canvas2. В будущем я пошлю содержимое canvas1 на сервер, обработаю его и верну в canvas2, но сейчас я просто хочу сериализовать и десериализовать его. Я нашел этот способ получения информации о холсте в байтах: var img1 = […]

Загрузка файла Blueimp Jquery: не отображает изображение предварительного просмотра эскизов

Я использовал загрузку файла Blueimp jQuery в приложении Rails. Когда пользователь выбирает файлы, я хочу показать эскиз изображения и имя изображения перед загрузкой файлов на сервер. Я имею в виду демонстрацию, чтобы настроить этот плагин. Я могу напечатать имя файла на экране, но не смог показать эскиз. Вот сгенерированный html <!DOCTYPE html> <html> <head> <title>Fileupload</title> […]

Как я могу сгенерировать файл и предложить его для загрузки в простом javascript?

Я хотел бы генерировать текстовый файл в javascript динамически, а затем предлагать это для загрузки. В настоящее время я могу получить эту работу в определенной степени с помощью одного из следующих решений: content = "abc123"; document.location = "data:text/octet-stream," + encodeURIComponent(content); ИЛИ content = "abc123"; var bb = new BlobBuilder(); bb.append(content); var blob = bb.getBlob(); blob […]

Что произойдет с веб-рабочим, если я закрою страницу, созданную этим веб-рабочим?

Предположим, у меня есть страница Main.html, которая создает веб-рабочего. Если я закрою главную страницу, изменив window.location, прекратит ли веб-рабочий или будет ли веб-рабочий все еще работать? Как Firefox или Chrome предпочитают «обрабатывать длительные рабочие задачи после закрытия страницы»? Если задача работника – отправить очень быстрый запрос POST, в этом случае браузер немедленно прекратит работу после […]

Uncaught SecurityError: Не удалось выполнить 'getImageData' в 'CanvasRenderingContext2D': холст был испорчен данными перекрестного происхождения

Я получаю эту ошибку в браузерах Chrome и Opera: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. Код отлично работает в Internet Explorer, Mozilla Firefox и Safari. Но мне нужно исправить это в Chrome и Opera. Помогите мне найти решение проблемы? Я получаю эту ошибку на этой […]

Доступ к элементу DOM в Aurelia

Как вы можете получить доступ к элементу DOM в Aurelia? Это широкий и общий вопрос, но у меня есть чувство, что есть один или два предпочтительных способа сделать это. Сейчас у меня два текущих случая в Aurelia: В шаблоне у меня есть форма. Я хочу получить доступ к элементу формы в модели вида, на VM […]

Сохранение изображения холста html 5 на локальном жестком диске

Я создал фигуры на холсте html 5 с помощью библиотеки kineticjs. Теперь я хочу сохранить холст как изображение на жестком диске моей локальной системы. Pls расскажет мне, как я могу достичь этого, используя библиотеку KineticJS.

Дата, месяц и год анализа из формы Javascript «Дата»

Для ввода даты в форме я использую следующее: <input name="name" type="date" id="id"/> Мне интересно, есть ли способ проанализировать День, Месяц и Год из этого и установить их в разные переменные. Я пытаюсь использовать только Javascript, а не PHP. 3 переменными будут целые числа. Благодарю.

Настройка и получение бутстрап-переключателя внутри углового цикла повторения

Я пытаюсь установить кнопку по умолчанию и получить текущее выбранное значение. Пример без цикла повторения работает. Вот мой plnkr: http://plnkr.co/edit/t9CefA5bhLZs3RASmEUG?p=preview Он основан на этом примере: http://plnkr.co/edit/LFj4inY9TLYZs9z7yHCr?p=preview Спасибо!

JavaScript делает сайт умным, красочным и простым использованием.